上海11选5走势图

css3 placeholder字体颜色大小

早上好,这里是济南文汇软件,给大家分享一个改变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

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

关键词:
返回列表

上海11选5走势图相关的文章

相关案例

上海11选5走势图 上海11选5分布走势图 上海11选5分布走势图 上海11选5 上海11选5开奖结果 上海11选5APP 福运彩票平台 悠洋棋牌下载 上海11选5开奖结果 上海11选5开奖结果