覆盖elementui的基本样式

在使用elementui等组件框架时,有时候里面的颜色等没有我们想要的,就可以进行自定义。
局部覆盖时,在使用组件的页面,通过style标签,来覆盖自己的样式
注:标签中不能加scoped

<style lang="ts">
.invoice_overview {
    
    
    .el-button--info,.el-radio__input.is-checked .el-radio__inner {
    
    
        background-color: #1890FF;
        border-color: #1890FF;
    }
    .el-radio__input.is-checked+.el-radio__label {
    
    
        // color: #595959;
        color: #1890FF;
    }
    .el-button--info:hover {
    
    
        background-color: #1890FF;
    }
    .el-button-default:hover {
    
    
        background-color: #FFF !important;
    }
}
</style>

猜你喜欢

转载自blog.csdn.net/weixin_42937036/article/details/108055827
今日推荐