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

最新推荐文章于 2024-07-08 18:14:28 发布

Web攻城狮-前端

最新推荐文章于 2024-07-08 18:14:28 发布

阅读量2.2k

点赞数

分类专栏： CSS 前端文章标签： css placeholder

前端同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

CSS

2 篇文章 0 订阅

订阅专栏

<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