当前位置:   article > 正文

element中的select加checkBox_el-select嵌套checkbox

el-select嵌套checkbox

只需要重写select的样式就看可以啦!!!

  1. // 重写el-select下拉选择框
  2. // ******************** //
  3. .dc-multiple-select .el-select-dropdown__item::before {
  4. content: "";
  5. position: absolute;
  6. top: 9px;
  7. right: 16px;
  8. font-size: 12px;
  9. font-weight: bold;
  10. -webkit-font-smoothing: antialiased;
  11. -moz-osx-font-smoothing: grayscale;
  12. border: 1px solid #dcdfe6;
  13. width: 15px;
  14. height: 15px;
  15. border-radius: 2px;
  16. }
  17. .dc-multiple-select .el-select-dropdown__item.selected::before {
  18. background-color: #b22;
  19. border-color: #b22;
  20. }
  21. .dc-multiple-select .el-select-dropdown__item.selected::after {
  22. right: 18px !important;
  23. color: #fff !important;
  24. }
  25. // ******************** //
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/107296
推荐阅读
相关标签
  

闽ICP备14008679号