改变input标签中placeholder显示的颜色

Posted zhaobao1830

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了改变input标签中placeholder显示的颜色相关的知识,希望对你有一定的参考价值。

 1 ::-webkit-input-placeholder { /* WebKit browsers */
 2     color:    #A9A9A9;
 3 }
 4 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 5    color:    #A9A9A9;
 6    opacity:  1;
 7 }
 8 ::-moz-placeholder { /* Mozilla Firefox 19+ */
 9    color:    #A9A9A9;
10    opacity:  1;
11 }
12 :-ms-input-placeholder { /* Internet Explorer 10+ */
13    color:    #A9A9A9;
14 }

 

  1. ::-webkit-input-placeholder { /* WebKit browsers */  
  2.     color:    #A9A9A9;  
  3. }  
  4. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  5.    color:    #A9A9A9;  
  6.    opacity:  1;  
  7. }  
  8. ::-moz-placeholder { /* Mozilla Firefox 19+ */  
  9.    color:    #A9A9A9;  
  10.    opacity:  1;  
  11. }  
  12. :-ms-input-placeholder { /* Internet Explorer 10+ */  
  13.    color:    #A9A9A9;  
  14. }  

以上是关于改变input标签中placeholder显示的颜色的主要内容,如果未能解决你的问题,请参考以下文章

小程序---- input获得焦点时placeholder重影BUG

input提示文字;placeholder字体修改

element-ui中el-input需要改变placeholder的字体颜色

改变input的placeholder字体颜色

input获得焦点时改变placeholder文本的样式

设置input标签的placeholder的样式