-
F12 打开网页调试,找到需要修改的CSS
例如要修改的样式为
.el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
cursor: not-allowed;
}
- 将需要修改的样式拷贝到vue文件里面修改;注意 <style> 不能包含scope ,需要修改的属性要加上 !important
<style>
/* 修改elementUI-switch组件 disabled样式 */
.el-input.is-disabled .el-input__inner {
/* background-color: #143567 !important; */
border-color: #E4E7ED;
color: #000000;
cursor: unset !important;
}
</style>