jQuery技术:自定义jQuery UI样式复选框

我正在使用没有图标的jQueryUI复选框,但无法找到如何使用CSS修改/覆盖复选框样式。

例如,我想在“已选中”按钮上添加红色边框,但以下CSS不起作用(我从DevTools Elements窗格中推断出了类):

.ui-checkboxradio-label .ui-corner-all .ui-button .ui-widget .ui-checkboxradio-checked .ui-state-active { border: 2px solid rgb(255,0,0) !important; } .checkbox-noicon .ui-checkboxradio .ui-helper-hidden-accessible { border: 2px solid rgb(255,0,0) !important; } 

我也尝试直接修改输入的“已检查”状态的样式,也没有效果:

 input[type=checkbox]:checked { border: 2px solid rgb(255,0,0) !important; } 

难道我做错了什么?

    我cheked示例链接。 一个元素中的所有类,所以它应该像那样(没有空格):

     .ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active{ border: 2px solid rgb(255,0,0) !important; } 

    并且不要忘记努力刷新

      以上就是jQuery教程分享自定义jQuery UI样式复选框相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/532528.html

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐