如何使用CSS设置复选框样式
我正在尝试使用以下样式设置复选框：
<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />
但是没有应用样式。复选框仍显示其默认样式。如何给它指定的样式？
问题答案：
更新：
以下答案引用了CSS 3广泛使用之前的状态。在现代浏览器（包括InternetExplorer9和更高版本）中，使用首选样式创建复选框替换更为简单，而无需使用JavaScript。
值得注意的是，基本问题没有改变。您仍然不能直接将样式（边框等）应用于复选框元素，并使这些样式影响HTML复选框的显示。但是，发生的变化是，现在可以隐藏实际的复选框，并用您自己的样式化元素替换它，仅使用CSS。特别是，由于CSS现在具有广泛支持的:checked选择器，因此您可以使其替换正确地反映该框的选中状态。
旧答案
基本上，该作者发现，不同浏览器的浏览器差异很大，并且无论您如何设置其样式，许多浏览器始终显示默认复选框。因此，确实没有一个简单的方法。
不难想象有一种解决方法，您可以使用JavaScript在复选框上覆盖图像，并在该图像上单击以选中实际的复选框。没有JavaScript的用户将看到默认复选框。
-
问题内容： 好的，因此我在网络上看到了许多用于通过CSS设置复选框样式的解决方案。但是，我正在寻找更强大的功能，而且我想知道是否有人可以提供帮助。基本上，我想拥有这个解决方案，但是能够将CSS特定颜色覆盖在灰色复选框上。我需要这样做是因为我会有许多不同的复选框，每个复选框需要不同的颜色，而且我不想创建大量不同的图像来处理此问题。有人对如何实现这一目标有任何想法吗？ 问题答案： 我创建了一个透明的p
-
问题内容： 我想仅使用CSS为标准window.confirm设置样式，而不使用任何其他JavaScript代码。可能吗 如果是的话，我该怎么办？ 问题答案： 这不可能。浏览器使用平台的UI套件显示此窗口。它不在DOM中，在CSS或Javascript中也不可见，您无能为力。 但是，一些非常简单的jQuery代码可以解决问题。怎么样
-
问题内容： 任何样式都会影响每个输入元素。有没有一种方法可以指定仅应用于复选框的样式，而无需将类应用于每个复选框元素？ 问题答案： 使用CSS 2，您可以执行以下操作： 到目前为止，这应该得到广泛的支持。
-
问题内容： 如何更改复选框（输入）边框的样式？我已经戴上了它，但是在FireFox 3.5中，什么都没有发生！ 问题答案： 如果 任何 浏览器发生问题，我都会感到惊讶。这是那些出色的表单元素之一，浏览器往往不会让您设置太多样式，并且人们通常尝试替换为javascript，以便他们可以设置样式/代码以使其外观和行为类似复选框。
-
问题内容： 如何在Firefox中设置复选框样式，并取消选中标记和边框？ CSS： HTML： 问题答案： input[type=”checkbox”] {
-
问题内容： 是否可以像使用文本一样使用CSS为外部.svg设置样式？我想念什么？我的标记和CSS看起来像这样： 问题答案： 如果像引用标签一样通过引用外部文件来包含svg图像，则svg图像中的元素将不包含在主文档DOM树中。他们组成了自己的树。因此，外部图像中的元素无法通过主文档中的CSS选择器进行匹配。 您可以像大多数其他元素一样设置元素的样式，例如为其设置边框。但是您不能（至少这样）访问外部图