为input设置placeholder颜色

今天俺跟大家分享一个小技巧,那就是这只input的placeholder颜色,因为要考虑到不同浏览器,所以需要添加不通的浏览器前缀,另外在ie10之前的版本是没有办法设置placeholder颜色的。

代码如下:

input{
    &::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #a5a5a5;
    }
    
    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #a5a5a5;
    }
    
    &::-ms-input-placeholder { /* Microsoft Edge */
      color: #a5a5a5;
    }
  }

 

(1)
上一篇 2019年7月13日 下午11:17
下一篇 2019年7月26日 上午10:55

相关推荐

发表回复

登录后才能评论