我有一个复选框input
控件,我有一个CSS文件,其中包含以下声明:
input[type="checkbox"] {
display:none;
}
我希望将CSS应用于除{1}之外的任何复选框input
元素。如何在我的某个控件上忽略此CSS规则(display:none;
)?
答案 0 :(得分:3)
您需要做的就是定位该特定复选框,并为其display
initial
。{/ p>
您还没有提供任何HTML,因此我将不得不编写一个通用示例:
input[type="checkbox"] {
display: none;
}
input[type="checkbox"].bar {
display: initial;
}

<input type="checkbox" class="foo" />
<input type="checkbox" class="bar" />
<input type="checkbox" class="baz" />
&#13;
答案 1 :(得分:2)
您可以简单地执行以下操作:
input[type="checkbox"]:not(.this_one) {
display: none;
}
注意:将this_one替换为您要豁免的ID或类别(遗漏)
答案 2 :(得分:1)
只需使用一个类来添加这个css属性(可能还有其他)并省略所需元素的类
input[type="checkbox"].yourClass
{
display:none;
}
<input type="checkbox" name="vehicle" value="Bike" class = "yourClass"> I have a bike
<input type="checkbox" name="vehicle" value="Bike" class = "yourClass"> I have a bike
<input type="checkbox" name="vehicle" value="Bike"> The one without the class
答案 3 :(得分:1)
正如您可以从其他解决方案中看到的,有很多方法可以实现您想要的效果。另一种方法是通过覆盖元素中的样式来使用级联样式表的“级联”方面:
input[type="checkbox"] {
display: none;
}
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" style="display:initial" />