给input标签的placeholder属性添加样式

最新推荐文章于 2024-07-02 16:57:53 发布

转载最新推荐文章于 2024-07-02 16:57:53 发布 · 2.3k 阅读

文章标签：

#css placeholder

前端同时被 2 个专栏收录

15 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

本文详细介绍了如何使用CSS设置HTML输入框的占位符颜色，包括WebKit、Blink、Edge、Firefox和IE等不同浏览器引擎的兼容写法。

<style>
input::-webkit-input-placeholder { 
/* placeholder颜色 */ 
 color: #aab2bd; 
 /* placeholder字体大小 */ 
 font-size: 12px; 
 } 
input { 
 border: 1px solid red; 
}
</style>

备注：

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #909;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #909;
}

原文链接：https://www.cnblogs.com/ooo0/p/6141764.html