elementUI解决el-checkbox自定义样式、@change样式的失效 等bug - 代码示例

elementUI解决el-checkbox样式(自定义样式问题)


1. 需求(如图所示):

elementUI解决el-checkbox自定义样式、@change样式的失效 等bug - 代码示例
elementUI解决el-checkbox自定义样式、@change样式的失效 等bug - 代码示例


2. 代码示例说明:(截图示下)

测试正常。
elementUI解决el-checkbox自定义样式、@change样式的失效 等bug - 代码示例

/* 热门职位 + 区域  组件替换样式 */
.hot-jobs .tagbtn, .area-jobs .tagbtn{border-radius: 30px;margin:0;margin-right: 5px;margin-bottom: 10px;background: rgba(0,0,0,0)}
.tagbtn.is-bordered.is-checked,.area-jobs.is-bordered.is-checked{background: #4095f7;}
.tagbtn .el-radio__input.is-checked .el-radio__inner, .area-jobs .el-radio__input.is-checked .el-radio__inner, .el-radio--mini.is-bordered .el-radio__inner{display: none!important;}
.tagbtn .el-radio__input.is-checked+.el-radio__label, .area-jobs .el-radio__input.is-checked+.el-radio__label{color: #FFF;}

.el-radio.is-bordered+.el-radio.is-bordered {margin-left: 0px;}


3. 解决办法 · 说明:

解决这个问题:需要将HTML代码属性label=“参数”@change=fun(“参数”)中,二者参数必须保持一致!


以上就是关于“ elementUI解决el-checkbox自定义样式、@change样式失效 等bug - 代码示例 ” 的全部内容。