javascript每日进阶1--修改input中placeholder的文字颜色

最新推荐文章于 2026-06-13 16:22:10 发布

原创最新推荐文章于 2026-06-13 16:22:10 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript每日进阶 #placeholder文字颜色

收录于

javascript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用CSS针对不同浏览器自定义input元素中的placeholder文字样式，包括颜色等属性。

项目中经常会遇到要自定义input框中placeholder的文字的样式的问题，这篇文章用来总结下

input::-webkit-input-placeholder{   
     /* WebKit browsers */   
        color: #c2c2c2;   
    }   
    input:-moz-placeholder{   
    /* Mozilla Firefox 4 to 18 */   
        color: #c2c2c2;   
    }   
    input::-moz-placeholder {   
     /* Mozilla Firefox 19+ */   
        color: #c2c2c2;   
    }   
    input:-ms-input-placeholder {   
     /* Internet Explorer 10+ */   
        color: #c2c2c2;   
    }