美文网首页
【前端】Vue用/deep/深度作用域修改ElementUI默认

【前端】Vue用/deep/深度作用域修改ElementUI默认

作者: 普鲁托蓝 | 来源:发表于2020-02-10 20:26 被阅读0次

    需要修改ElementUI的el-input输入框样式,去掉输入框的边框,但直接修改不生效。
    用浏览器查看元素,发现输入框的class是.el-input__inner,于是用/deep/深度作用域重新定义.el-input__inner

    <template>
    <el-form-item label="用户名" class="form-label">
        <el-input class="noborder-input" type="text" auto-complete="off" placeholder="用户名"></el-input>
    </el-form-item>
    </template>
    
    ...... 
    
    <style>
    .noborder-input /deep/ .el-input__inner {
        border: none;
    }
    </style>
    

    成功。

    相关文章

      网友评论

          本文标题:【前端】Vue用/deep/深度作用域修改ElementUI默认

          本文链接:https://www.haomeiwen.com/subject/zzszxhtx.html