码农之家

为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;
    }
  }