css - 忽略特定控件上的 CSS 声明

Question

我有一个复选框 input 控件，我有一个包含以下声明的 CSS 文件:

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

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

Answer 1

您需要做的就是定位那个特定的复选框，并给它一个 display 的 initial。

您还没有提供任何 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" />