Css 输入[type=checkbox]是否允许：before伪元素？

描述如何使用CSS3设置复选框的样式，而不需要

：

这适用于Chrome22，但不适用于Firefox15或IE9

---

鉴于后两种浏览器缺乏支持，根据CSS3规范，Chrome的行为有效吗？

我认为Chrome的行为无效。如果需要，它会显示

：：before

和

：：after

伪元素在目标元素的

内容之前或之后添加新的
内容。输入元素没有
内容
；它们只有一个
值
。例如，你不能做面食

如果所有这些都是真的，那么Chrome的行为似乎是无效的，而IE和Firefox是正确的；说明书没有把事情弄清楚。委员会：

“注意：本规范没有完全定义：before和：after与替换元素（如HTML中的IMG）的交互作用。这将在未来的规范中进行更详细的定义。”而且，有争议的是，输入可以被视为一种交互作用

有人可能会认为，这些伪元素不能用于不能包含任何内容（即声明内容为空）的元素，例如IMG或INPUT。但是，该措辞提到了IMG，并且有一条规则，带有选择器
br:before

CSS3选择器是CSS3中为数不多的几个已达到推荐状态的部分之一，但它并没有澄清问题

“可以使用
：：before
和
：：after
伪元素来描述在元素内容之前或之后生成的内容。CSS 2.1[CSS21]中对此进行了解释。”

是的，绝对可以使用伪类
e、 g:让我们来说明

“输入[type=“checkbox”]”
是相对的，是相对的

“输入[type=“checkbox”]：在“
绝对的

试试这个，它可以在chrome中使用，但在firefox中不起作用。
避免链接到已经成为推荐的规范的工作草案，除非你特别引用了一个草案：@BoltClock Good call。对此很抱歉。伪元素定义已移动到其他模块，让选择器仅定义语法并简要总结CSS1和CSS2伪元素。希望他们能为相关模块中的
：：before
和
：：after
澄清这一点（可能是对生成/替换的内容级别3模块的虚构重写）。
input[type=checkbox]:before {
    content:""; display:inline-block; width:12px; height:12px; background:red;
}