Chrome支持元素上的占位符属性input[type=text](其他人可能也会这样做)。 但以下CSS内容对占位符的价值没有任何影响: input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> 履行 有三种不同的实现:伪元素,伪类,并且什么都不是。 WebKit,Blink(Safari,Google Chrome,Opera 15+)和Microsoft Edge正在使用伪元素:::-webkit-input-placeholder。[ 参考 ] Mozilla Firefox的4至18是使用伪类::-moz-placeholder(一个冒号)。[ 参考 ] Mozilla Firefox 19+使用伪元素:::-moz-placeholder,但旧的选择器仍然可以工作一段时间。[参考 ] Internet Explorer 10和11正在使用伪类::-ms-input-placeholder。[ 参考 ] 2017年4月:大多数现代浏览器都支持简单的伪元素::placeholder [ Ref ] Internet Explorer 9及更低版本根本不支持该placeholder属性,而Opera 12及更低版本不支持用于占位符的任何CSS选择器。 有关最佳实施的讨论仍在继续。请注意,伪元素在Shadow DOM中的作用与真实元素相同。A padding上input不会得到与伪元素相同的背景颜色。 CSS选择器 用户代理需要忽略具有未知选择器的规则。请参阅选择器级别3: 一组包含无效选择器的选择器无效。 所以我们需要为每个浏览器分别规定。否则,整个组将被所有浏览器忽略。 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909; } :-moz-placeholder { /* Mozilla Firefox 4 to