早上好,这里是济南文汇软件,给大家分享一个改变placeholder字体颜色大小的小技巧。
在我们做爱优爱评网站的时候,有很多文字框,然后需要美化一下它的样式。
placeholder 属性提供可描述输入字段预期值的提示信息,是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。
因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; font-size: 16px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; font-size: 16px; }
添加完代码之后,就ok了。
你可以控制placeholder文字的字体、颜色和风格。你甚至可以将文本框的placeholder以动画方式显示。 美化你的文本框都是些看起来很小的事情,但对于一些交互式的网站来说,成功的关键就在于细节。现在IE10里也只支持placeholder了,相信越来越多的人会使用这种原生的placeholder效果。
补充:
-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */ -webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */ -o- /* Opera浏览器(早期) -ms- /* Internet Explorer
上一篇: Js获取年月日及时间转换
下一篇: $ajax()如何使用及其具体参数的意义
关键词: