css – 如何在所有浏览器中设置占位符属性的样式?

前端之家收集整理的这篇文章主要介绍了css – 如何在所有浏览器中设置占位符属性的样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Change an HTML5 input’s placeholder color with CSS32个
> Placeholder not working for Internet Explorer8个
我有一个像这样的元素< input type =“text”placeholder =“lorem ipsum”>.

如何在CSS中设置thisplaceholder属性的样式,以便它适用于所有浏览器?

解决方法

输入中的占位符文本(在目前为止实现它的浏览器中)是浅灰色.要设置样式,您需要供应商前缀CSS属性.
::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

您也可以查看这个非常相似的问题:

> Change an HTML5 input’s placeholder color with CSS

猜你在找的CSS相关文章