浅谈:-moz-placeholder

 

  本文是个人记录，来自zhangyaochu.iteye.com

 

   :-moz-placeholder

 

represents any form element displaying placeholder text.This allows web developers and theme desgners to customize the appearance of placeholder text,which is a light grey color by default.This may work well if you've changed the background color of your form fields to be a similar color,for example,so you can use this pseudo-class to change the placeholder text color.

 

它是一个伪类，是用来设置表单文本框的占位文本的样式，其默认是一个浅灰色。比如当设置颜色相似的时候，为了使其正常显示，可以用它来解决

 

 

input:-moz-placeholder{
    color:green;
}

 

在mozilla的官网上我们可以看到：introduced in Gecko 2.0(Firefox 4|Thunderbird 3.3|SeaMonkey 2.1)

 

 

   更新记录： 2013-7-22

 

   19开始不支持:-moz-placeholder，改成::-moz-placeholder，如果要兼容，需要同时定义

 

   http://jsbin.com/abetuq/2/edit

 

 

 

扩展阅读：

 

1、https://developer.mozilla.org/en/CSS/:-moz-placeholder