2017年08月12日2017年08月12日由Mr.Ren

通过CSS改变文本框placeholder占位符默认颜色

HTML代码：

<input placeholder="welcome dustit.me!">

1	<input placeholder="welcome dustit.me!">

CSS样式：

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color: #909;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #909;

opacity: 1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #909;

opacity: 1;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

color: #909;

}

::-ms-input-placeholder { /* Microsoft Edge */

color: #909;

}

将样式添加到你的代码刷新页面看看是不是文本框默认文本内容已经变了。

“通过CSS改变文本框placeholder占位符默认颜色”的13个回复

xema说道：

2017年08月14日 17:27

感觉还是挺麻烦的，没有浏览器的通用支持
Xiaomo说道：

2017年08月14日 22:33

来学习学习，
Li说道：

2017年08月27日 18:59

博主你这是神马主题？
Mr.Ren说道：

2017年08月28日 16:34

WP安装时自带的Twenty Seventeen主题
爆爆小妹说道：

2017年10月10日 21:58

这个css实用~~
豆子说道：

2017年12月6日 15:41

封面图很文艺，里面全是程序员的东西，嗯，没错，文艺男
陳先森说道：

2017年12月12日 23:03

请问你的代码高亮是用的插件嘛~？
Waxxh说道：

2017年12月25日 15:11

圣诞快乐 ~
友链博客说道：

2017年12月25日 17:00

圣诞节快乐！o(*￣▽￣*)ブ
陳先森说道：

2017年12月26日 16:49

怎么联系你博主！想请教下您=-=
友链博客说道：

2018年01月1日 12:42

元旦快乐(*^▽^*)
微信资源网说道：

2018年05月9日 16:56

感谢博主分享
Waxxh说道：

2018年10月5日 18:51

正好用上哈哈

发表评论取消回复

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。