【CSS怎么修改placeholder颜色样式】在使用HTML表单时，`placeholder`属性常用于提示用户输入内容。默认情况下，`placeholder`的文本颜色由浏览器决定，但有时候我们希望根据设计需求自定义其颜色和样式。本文将总结如何通过CSS修改`placeholder`的颜色和其他样式。
✅
要修改`placeholder`的颜色和样式，可以使用CSS中的伪元素选择器`::placeholder`。不同浏览器对`placeholder`的支持略有差异，因此需要使用不同的前缀来确保兼容性。除了颜色外，还可以设置字体大小、字体样式等属性。
📋 表格：CSS修改placeholder颜色样式方法
| 属性 | 说明 | 示例代码 |
| `color` | 设置placeholder的文本颜色 | `input::placeholder { color: 999; }` |
| `font-size` | 设置placeholder的字体大小 | `input::placeholder { font-size: 14px; }` |
| `font-style` | 设置placeholder的字体样式（如斜体） | `input::placeholder { font-style: italic; }` |
| `font-weight` | 设置placeholder的字体粗细 | `input::placeholder { font-weight: bold; }` |
| `opacity` | 控制placeholder的透明度 | `input::placeholder { opacity: 0.5; }` |
| `text-align` | 设置placeholder的文本对齐方式 | `input::placeholder { text-align: center; }` |
⚠️ 注意事项：
- 不同浏览器对`placeholder`的支持可能不同，建议使用以下前缀以提高兼容性：
```css
input::-webkit-input-placeholder { / Chrome/Opera/Safari /
color: 999;
}
input::-moz-placeholder { / Firefox 19+ /
color: 999;
}
input:-ms-input-placeholder { / IE 10+ /
color: 999;
}
input:-moz-placeholder { / Firefox 18- /
color: 999;
}
```
- 如果你使用的是`