如何防止css类应用于复选框？答案

【问题标题】：How to prevent css class to apply on checkbox?如何防止css类应用于复选框？
【发布时间】：2015-12-23 17:29:29
【问题描述】：

假设我的 general.css 中有以下课程。此 CSS 已应用于 default.aspx。

在general.css 中有class checkbox{ .... } 在 default.aspx 我有一个复选框与

<input type='checkbox' />

所以当页面加载类复选框时应用在我的复选框上。我想阻止在此应用复选框类

复选框。条件是我不能更改general.css 我也不能从default.aspx 中删除general.css 的引用。只能使用输入标签。

【问题讨论】：

【解决方案1】：

复选框不是一个类，

.checkbox 是一个类，注意“checkbox”前面的点

要将 CSS 样式限制为特定元素，您可以使用 ID。

<input type='checkbox' id='checkboxWithStyle'/>

在 CSS 中：

#checkboxWithStyle{
  background-color:red;
}

【讨论】：

【解决方案2】：

假设你的 css 如下：

input[type='checkbox'] {
    border: 2px solid red;
}

添加另一个类：

input[type='checkbox'].notdefault {
    border: none;
}

然后更改您的输入：

<input type="checkbox" class="notdefault" />

新类可以在另一个 css 文件中，也可以嵌入在 aspx 页面中。

【讨论】：