忽略特定控件上的CSS声明

时间:2014-11-24 14:58:44

标签: css html5

我有一个复选框input控件,我有一个CSS文件,其中包含以下声明:

input[type="checkbox"] {
    display:none;
}

我希望将CSS应用于除{1}之外的任何复选框input元素。如何在我的某个控件上忽略此CSS规则(display:none;)?

4 个答案:

答案 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;
&#13;
&#13;

答案 1 :(得分:2)

您可以简单地执行以下操作:

input[type="checkbox"]:not(.this_one) {
  display: none;
}

注意:将this_one替换为您要豁免的ID或类别(遗漏)

See working example here

答案 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" />