對于一個網(wǎng)頁而言，為了更好地交互和用戶體驗，我們常常會在表單中使用默認(rèn)值來提示用戶輸入內(nèi)容的規(guī)范性和正確性。那么在 CSS 中，該如何設(shè)置默認(rèn)文本呢？下面就來具體介紹。

CSS 中設(shè)置默認(rèn)文本的方式一般就是通過設(shè)置 input[type=text]、textarea 等元素的 color、font-style、font-size 等樣式屬性。具體示例如下：

input[type=text], textarea {
color: #999; /* 指定默認(rèn)文本的顏色 */
font-style: italic; /* 文本傾斜 */
font-size: 14px; /* 默認(rèn)字體大小 */
}
input[type=text]:focus, textarea:focus {
color: #333; /* 輸入文本的顏色 */
font-style: normal; /* 取消文本傾斜 */
}

上述代碼的作用就是當(dāng)用戶未輸入文本時，input[type=text]、textarea 等元素的文本顏色為 #999，字體傾斜，字體大小為 14px，這就是默認(rèn)文本。當(dāng)文本框被點(diǎn)擊后，文本顏色變?yōu)?#333，字體傾斜效果消失。通過這種方式設(shè)置默認(rèn)文本，可以大大提升用戶填寫表單的體驗。