【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;
}
```
- 如果你使用的是`