CSS中修改placeholder颜色需要使用以下伪类选择器：
::placeholder - 修改所有占位文本的颜色
::-webkit-input-placeholder - 修改Webkit浏览器（如Chrome、Safari）中占位文本的颜色
::-moz-placeholder - 修改Firefox浏览器中占位文本的颜色
:-ms-input-placeholder - 修改IE浏览器中占位文本的颜色
下面是一些实例和示例代码，帮助你理解如何使用这些伪类选择器来修改placeholder颜色。
示例1：修改所有占位文本的颜色
```css
::placeholder {
color: red;
}
```
这将会把所有输入控件的占位文本颜色修改为红色。
示例2：修改特定输入控件的占位文本颜色
```css
input[type=text]::placeholder {
color: blue;
}
```
这将会把类型为 "text" 的输入控件的占位文本颜色修改为蓝色。
示例3：修改Webkit浏览器中的占位文本颜色
```css
::-webkit-input-placeholder {
color: green;
}
```
这将会把Webkit浏览器（如Chrome、Safari）中所有输入控件的占位文本颜色修改为绿色。
示例4：修改Firefox浏览器中的占位文本颜色
```css
::-moz-placeholder {
color: yellow;
}
```
这将会把Firefox浏览器中所有输入控件的占位文本颜色修改为黄色。
示例5：修改IE浏览器中的占位文本颜色
```css
:-ms-input-placeholder {
color: purple;
}
```
这将会把IE浏览器中所有输入控件的占位文本颜色修改为紫色。
你可以根据自己的需要在CSS中使用这些伪类选择器来修改placeholder的颜色。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
