input，textarea的placeholder属性设置字体颜色

最新推荐文章于 2025-06-29 09:07:32 发布

相濡以沫丶

最新推荐文章于 2025-06-29 09:07:32 发布

阅读量5.3k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_32279193/article/details/77447953

CSS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何通过CSS设置HTML中input和textarea元素的placeholder属性颜色，并解释了CSS伪类和伪元素的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input，textarea的placeholder属性设置字体颜色

input::-webkit-input-placeholder {
        color: red !important;
    }

    input:-moz-placeholder {
        color: red !important;
    }

    input::-moz-placeholder {
        color: red !important;

    }

    input:-ms-input-placeholder {
        color: red !important;
    }

知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。
　　css伪类：CSS 伪类用于向某些选择器添加特殊的效果。
　　css伪元素：CSS 伪元素用于向某些选择器设置特殊效果。
　　伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的，但是为了兼容IE浏览器还是使用单冒号的写法；