重置复选框样式为默认值。

Question

我在使用的CSS文件中有很多东西，因此我的复选框样式出现了问题。我一直在努力使它看起来像正常的样子，但是没有成功。有没有办法将复选框样式重置为默认值？我在IE中执行F12并得到了以下样式：

"ms-crm-Checkbox"是我正在使用的类。

http://i.stack.imgur.com/bKnXR.png

- Anupam

---

你好，能否提供实时示例以便我们确定问题所在。你可以尝试使用jsfiddle。 - w3uiguru

Answer 1

input[type="checkbox"] {
     -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
}

- visualidiot

Answer 2

您在输入标签上添加了样式，复选框是一种输入，请考虑在input.someclass或input[type="text"]上添加样式，而不是所有输入元素上添加样式。您也可以在所有复选框元素上添加样式。

input[type="checkbox"] {
  /* styles */
}

- Vytautas

---

有没有办法通过在CSS中的“ms-crm-Checkbox”类中执行某些操作来将样式重置为默认值？ - Anupam

当然没有重置，你可以添加类似于默认样式的样式，但是每个浏览器都会添加略微不同的样式。您只能删除边框、对齐或其他您认为不需要的内容，这样就可以接近默认样式了。 - Vytautas