修改placeholder中的颜色

最新推荐文章于 2023-09-25 21:53:32 发布

原创最新推荐文章于 2023-09-25 21:53:32 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

css 同时被 2 个专栏收录

26 篇文章

订阅专栏

HTML

14 篇文章

订阅专栏

本文介绍了一种使用CSS伪元素的方式来自定义输入框的占位符颜色为红色。通过不同的浏览器引擎前缀，确保了在各种现代浏览器中的一致性。

<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>