更改placeholder属性中文字颜色

最新推荐文章于 2025-10-10 23:14:36 发布

原创最新推荐文章于 2025-10-10 23:14:36 发布 · 6.2k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS来改变HTML输入框中占位符文本颜色的方法，通过针对不同浏览器的特定伪元素设置颜色属性，实现跨浏览器的统一效果。

<style>
        input::-webkit-input-placeholder{
            color:red;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:red;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:red;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:red;
        }
    </style>