咨询电话:
15628812133
23
2019/08

css3 placeholder字体颜色大小

发布时间:2019-08-23 10:58:07
发布者:请等等我
浏览量:
0

早上好,这里是济南文汇软件,给大家分享一个改变placeholder字体颜色大小的小技巧。

在我们做爱优爱评网站的时候,有很多文字框,然后需要美化一下它的样式。

placeholder 属性提供可描述输入字段预期值的提示信息,是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。

因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。


济南文汇软件,app开发,微信小程序开发

::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 16px;
}


:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 16px;
}


添加完代码之后,就ok了。

济南文汇软件,app开发,微信小程序开发

你可以控制placeholder文字的字体、颜色和风格。你甚至可以将文本框的placeholder以动画方式显示。 美化你的文本框都是些看起来很小的事情,但对于一些交互式的网站来说,成功的关键就在于细节。现在IE10里也只支持placeholder了,相信越来越多的人会使用这种原生的placeholder效果。

补充:

-moz-     /* 火狐等使用Mozilla浏览器引擎的浏览器 */
-webkit-  /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */
-o-       /* Opera浏览器(早期)
-ms-      /* Internet Explorer

分享结束,请继续关注济南文汇软件

返回列表