Question

如何在jquery或javascript甚至html代码中设置复选框的默认样式？或以其他方式如何禁用复选框的样式。

有一个外部css文件为所有复选框设置样式，但我想将样式覆盖为特定复选框的默认样式。

感谢

Answer 1

每当我想覆盖某些值时，我都会使用css'!important。

但大多数现代浏览器都允许使用特定的css选择器，如

 input[type="checkbox"] { 
            //insert style here
  }

您可以使用它来操纵特定于复选框的任何样式。

祝你好运。

Answer 2

您可以使用JQuery重置css值...比如

$(this).css("color","red");

------------ ------------样品

    $(document).ready(function() {

 /* see if anything is previously checked and reflect that in the view*/
 $(".checklist input:checked").parent().addClass("selected");

 /* handle the user selections */
 $(".checklist .checkbox-select").click(
 function(event) {
 event.preventDefault();
 $(this).parent().addClass("selected");
 $(this).parent().find(":checkbox").attr("checked","checked");

 }
 );

 $(".checklist .checkbox-deselect").click(
 function(event) {
 event.preventDefault();
 $(this).parent().removeClass("selected");
 $(this).parent().find(":checkbox").removeAttr("checked");

 }
 );

 });
 });

Answer 3

通过控制开始设置复选框样式的CSS，可以最简单地完成此操作。

而不是页面上的CSS为所有常量（body img输入）设置样式。相反，如果您希望以特殊方式设置类，则将类分配给各个项目。

所以不要使用：


input { background: #000; }

使用：


<style>
.mystyle { background: #000; }
</stlye>
</head>
<body>
<input type="checkbox" class="mystyle">

检查以确保您网站上的所有CSS都没有常量，这样可以确保所有网页上的所有内容都设置为默认值，并且只根据您的选择设置样式。

禁用特定元素的CSS样式？

3 个答案: