element UI -- 默认样式修改不成功的问题（转载）

转载链接：https://blog.csdn.net/bobobocai/article/details/81873125

 

有的时候element提供的默认的样式不能满足项目的需要，就需要对标签的样式进行修改，但是发现修改的样式不起作用

解决方法：去掉scoped

注意：此时该样式会污染全局样式，可以把它放在公共的css里面
为了不让所有的 el-dialog标签都是该样式，可以在HTML给改加上一个类名，比如own 

   <el-dialog class="own" title="详情" :visible.sync="dialogTableVisible" >

 

 

<style lang="css">

/*特别注意 .own 后面必须有一个空格，否则无效*/

 .own .el-form-item{  

    margin-bottom: 0px;

  } 

.own .el-dialog__header {

    padding: 10px 10px 10px 15px ;

}

.own .el-dialog__body {

    padding: 0px 10px 10px 10px;

    color: #606266;

    font-size: 14px;

    word-break: break-all;

}

</style>