我刚刚试图编写以下规则,以样式化支持它的浏览器中的输入占位符:
问题在于规则没有被应用。然而,如果我像这样分开它,那么它就可以正常工作:
为什么不能将特定于浏览器的选择器分组,或者是否有其他方法可以实现?重复为同一元素写入相同的属性不太合适。
更新:刚刚发现这个资源指出无法完成此操作,但目前还没有关于原因的信息。浏览器应该不会因为无法识别其中一个选择器而放弃整个规则,这似乎很奇怪。
#main input::-webkit-input-placeholder,
#main input:-moz-placeholder
{
color: #888;
font-style: italic;
}
问题在于规则没有被应用。然而,如果我像这样分开它,那么它就可以正常工作:
#main input::-webkit-input-placeholder
{
color: #888;
font-style: italic;
}
#main input:-moz-placeholder
{
color: #888;
font-style: italic;
}
为什么不能将特定于浏览器的选择器分组,或者是否有其他方法可以实现?重复为同一元素写入相同的属性不太合适。
更新:刚刚发现这个资源指出无法完成此操作,但目前还没有关于原因的信息。浏览器应该不会因为无法识别其中一个选择器而放弃整个规则,这似乎很奇怪。
::-moz-selection
),而不是带前缀的伪类(例如你例子中的:-moz-placeholder
)。其中一个Chrome开发人员和CSSWG成员刚刚告诉我,这似乎并非故意之举。 - BoltClock