Code前端首页关于Code前端联系我们

设置输入的占位符颜色

terry 2年前 (2023-09-07) 阅读数 189 #CSS
文章标签 CSS3

今天想跟大家分享一个小技巧,那就是这个输入的占位符颜色。因为要考虑到不同的浏览器,所以必须添加不同的浏览器前缀。另外,IE10之前的版本是没有办法设置占位符颜色的。

代码如下:

输入{
    &::placeholder { /* Chrome、Firefox、Opera、Safari 10.1+ */
      颜色:#a5a5a5;
    }
    
    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
      颜色:#a5a5a5;
    }
    
    &::-ms-input-placeholder { /* Microsoft Edge */
      颜色:#a5a5a5;
    }
  }

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门