在 CSS 中,文本框是一個常用的 HTML 元素,用來接受用戶輸入的文本信息。而設置文本框文字的顏色則是常常需要注意的一個問題。下面是幾種設置文本框文字顏色的方法:
/* 設置文本框文字顏色為紅色 */ input[type=text] { color: red; } /* 設置 placeholder 顏色為灰色 */ input::placeholder { color: #ccc; } /* 設置文本框文字顏色為白色,背景顏色為藍色 */ input[type=text] { color: white; background-color: blue; }
第一種方法是通過選擇相應的 input 元素來設置文本框文字顏色為紅色。這個方法可以對所有的文本框都生效,需要注意的是這里只是設置了文字的顏色,沒有設置背景色。
第二種方法是通過 ::placeholder 偽元素來設置文本框的 placeholder 文字顏色為灰色。placeholder 指的是當文本框中沒有內容時顯示的提示信息。同樣,這個方法只是設置了 placeholder 的顏色,沒有設置文本框內實際輸入的文字。
第三種方法是同時設置文本框的文字顏色和背景顏色。這個方法可以根據需要來設置不同的顏色,但需要注意的是在一些特殊情況下可能會導致文字無法清晰顯示。
上一篇css 文本框豎直居中
下一篇css 文本框居中顯示