-
F12 打開網(wǎng)頁調試排抬,找到需要修改的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>