修改输入框placeholder文字默认颜色-webkit-input-placeholder方法

网页制作 发布日期:2024/12/28 浏览次数:1

正在浏览:修改输入框placeholder文字默认颜色-webkit-input-placeholder方法

html5为input添加了原生的占位符属性placeholder,高级浏览器都支持这个属性,例如:

<input type="text" placeholder="搜索" value=" ">

默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下:

XML/HTML Code复制内容到剪贴板
  1. input:-moz-placeholder,   
  2. textarea:-moz-placeholder {   
  3.     color: #999999;   
  4. }   
  5.   
  6. input:-ms-input-placeholder,   
  7. textarea:-ms-input-placeholder {   
  8.     color: #999999;   
  9. }   
  10.   
  11. input::-webkit-input-placeholder,   
  12. textarea::-webkit-input-placeholder {   
  13.     color: #999999;   
  14. }  

以上这篇修改输入框placeholder文字默认颜色-webkit-input-placeholder方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

原文地址:http://www.cnblogs.com/xjuan/p/5436037.html