依赖:after向标签添加冒号是否安全?

Question

我想给所有的label元素添加冒号

form label:after {
   content: " : ";
}

有什么理由不这样做吗?

Answer 1

在radio和checkbox输入的情况下，最好在输入后添加标签。

Answer 2

与其使用一些非跨浏览器的CSS，不如直接使用编辑器的查找/替换功能。

搜索</label>

并替换为 : </label>

如果你坚持在运行时这样做，那么就像前面提到的，使用有IE预期风险的CSS。

或者使用一些jQuery，比如$('<span> : </span>').appendTo('label')。

Answer 3

较旧的浏览器(例如IE 6)不支持此功能。设计人员避免使用此功能，因为它不兼容跨浏览器。除非您确定所有用户都将使用兼容的浏览器，否则您可能希望避免这种情况。

Answer 4

在许多较旧的浏览器中不支持。查看兼容性图表:http://reference.sitepoint.com/css/pseudoelement-after

Answer 5

这是个人喜好的问题。

从结构上讲，冒号可能没有理由出现在html中。这更像是一种风格。所以它属于你的css。

问题变成了，你在IE7上看到冒号有多重要。就我个人而言，我不会太在意。IE7的使用率正在迅速下降(可能是因为win7是和IE8一起来的)，少了一个冒号并不会影响网站的人机工程学。所以我认为这个是优雅的降级