【发布时间】:2012-09-19 00:01:24
【问题描述】:
我创建了一个 select
列表,其中包含 :after
和 :before
伪元素的选项 - DEMO
option:after, option::before {
content: " ";
height: 5px;
width: 5px;
background: #c00;
border-radius: 5px;
display: inline-block;
}
但这仅适用于 Firefox,不适用于其他浏览器。
正如W3C、MDN、SitePoint 中所述,:after
是“在匹配元素之后呈现并用于添加装饰性内容的伪元素”,没有人说任何关于它不能应用到的元素的限制。
问题 - 为什么所有浏览器(FF 除外)都无法正确显示伪元素? 非常感谢任何文档。
【问题讨论】:
-
SitePoint 的描述不准确。 MDN 的描述更接近规范中的内容。
标签: css pseudo-element