转载链接: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>