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 - 代码示例 ” 的全部内容。

相关文章:

  • 2022-01-07
  • 2021-12-25
  • 2022-02-02
  • 2022-02-22
  • 2022-02-12
  • 2022-12-23
  • 2022-02-06
猜你喜欢
  • 2021-12-16
  • 2022-02-09
  • 2021-12-13
  • 2021-11-28
  • 2021-06-09
  • 2021-05-13
  • 2021-07-23
相关资源
相似解决方案