1. 犀牛前端部落首页
  2. CSS百科

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

 

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/1730.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注