其他分享
首页 > 其他分享> > vue disabled样式更改(checkbox input )

vue disabled样式更改(checkbox input )

作者:互联网

一、checkbox更改disabled样式

/deep/ .el-input.is-disabled .el-input__inner {
  color: #606266;//在这里更改你所需要的样式
}

二、checkbox更改disabled样式

/deep/  .is-disabled .is-checked .el-checkbox__inner {//更改选中时选框的样式
  background-color: #1890ff;
  border-color: #1890ff;
}
/deep/  .is-disabled .el-checkbox__inner {//更改未选中时选框的样式
  background-color: #fff;
  border: 1px solid #DCDFE6;
}
/deep/  .is-disabled .el-checkbox__label {//更改未选中时文字(label)的样式
  color: #606266;
}

标签:el,vue,更改,color,disabled,样式,checkbox
来源: https://www.cnblogs.com/gyw1996/p/15923920.html