如何改變占位符的顏色
- 上一頁 可編輯內容的邊框
- 下一頁 禁用文本區域調整大小
學習如何使用 CSS 改變占位符屬性的顏色。
如何改變占位符的顏色
第一步 - 添加 HTML：
使用輸入元素并添加 placeholder 屬性：
<input type="text" placeholder="A red placeholder text..">
第二步 - 添加 CSS：
在大多數瀏覽器中，占位符文本是灰色的。要更改此設置，請使用 ::placeholder 選擇器設置占位符的樣式。
請注意，Firefox 為占位符添加了較低的不透明度，因此我們使用 opacity: 1 來解決這個問題。
::placeholder {
color: red;
opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
}
相關頁面
- 上一頁 可編輯內容的邊框
- 下一頁 禁用文本區域調整大小
