element-ui el-button 样式修改

<div class="childrenForm-btn">
                    <el-button  size="medium" >保存</el-button>
                    <el-button size="medium" ">修改</el-button>
                 
</div>
                
.childrenForm-btn{
    display: flex;
    justify-content: center;
    margin-top:20px;
    background-color: #fff;
    padding: 20px 0;  
    }
.childrenForm-btn /deep/ .el-button{
    border-color: #D25555;
    color: #D25555;
     }
 .childrenForm-btn /deep/ .el-button:nth-child(2){
    background-color: #D25555;
    color: #fff;
      }  

x修改原有的样式需要使用 /deep


版权声明:本文为Jw_1201原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。