使用placeholder伪元素修改输入框默认文字颜色

使用placeholder伪元素修改输入框默认文字颜色

来源: | 浏览: 1610 | 评论: 0 发表时间: 2014-02-15 00:10:47

Placeholder 是HTML5新引入的一个属性,允许在<input>元素中添加默认文字,比如本站右上角的搜索框中默认的文字就是这样实现的.默认情况下,这些文字会呈现浅灰色,但如果你的设计需要将输入框的背景调整为灰色,那么默认文字就看不清楚了,这时候可以通过css3中引入的placeholder伪元素来修改默认文字的颜色.



下面的代码将所有<input>元素的默认文字颜色改为青色:


其中在Firefox 19之前,placeholder是通过伪类实现的,之后改为使用伪元素,而且由于是新引入的属性,各个浏览器的兼容还不太好:)


更多信息可以查看mozilla的开发文档:::-moz-placeholder



CSS

相关文章
没有人评论过此文,还不快抢个沙发
  • 昵称: *
  • 邮箱:
  • 网址:
  • 记住我的信息
  • Color
  • Red
  • Blue
  • Code
  • bash
  • cpp
  • css
  • java
  • js
  • perl
  • php
  • python
  • ruby
  • sql
  • xml








最新评论