码迷,mamicode.com
首页 > Web开发 > 详细

[HTML] Change an HTML5 input's placeholder color with CSS

时间:2017-07-20 20:55:13      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:style   ace   span   selector   sel   puts   hold   html5   his   

We will look at what CSS selectors to use to change an HTML5 inputs placeholder color. This can differ from browser to browser, so, we will make sure to cover all of the cases.

 

/* Chrome, Opera, Safari */
  ::-webkit-input-placeholder {
    color: #ff6600;
    opacity: 1;
  }
  /* Firefox 19+ */
  ::-moz-placeholder {
    color: #ff6600;
    opacity: 1;
  }
  /* Firefox 18 and below */
  :-moz-placeholder {
    color: #ff6600;
    opacity: 1;
  }
  /* MS IE 10+ */
  :-ms-input-placeholder {
    color: #ff6600;
    opacity: 1;
  }

 

[HTML] Change an HTML5 input's placeholder color with CSS

标签:style   ace   span   selector   sel   puts   hold   html5   his   

原文地址:http://www.cnblogs.com/Answer1215/p/7214333.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!