Question

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

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

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

Answer 1

您需要做的就是定位该特定复选框，并为其display initial。{/ p>

您还没有提供任何HTML，因此我将不得不编写一个通用示例：

＆＃13;

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

＆＃13;

<input type="checkbox" class="foo" />
<input type="checkbox" class="bar" />
<input type="checkbox" class="baz" />

＆＃13;

Answer 2

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

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

注意：将this_one替换为您要豁免的ID或类别（遗漏）

See working example here

Answer 3

只需使用一个类来添加这个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

Answer 4

正如您可以从其他解决方案中看到的，有很多方法可以实现您想要的效果。另一种方法是通过覆盖元素中的样式来使用级联样式表的“级联”方面：

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

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" style="display:initial" />

忽略特定控件上的CSS声明

4 个答案: