CSS輸入框文本默認值是指在HTML表單中,文本框中默認顯示的文本。在HTML5之前,開發人員通常使用JavaScript來實現這一功能。但是在HTML5的新特性中,可以使用CSS來實現輸入框文本默認值的效果。
input[type=text]::placeholder { color: red; font-size: 14px; font-weight: bold; font-family: Arial; } input[type=text]:focus, input[type=text]:active { outline: none; border: 2px solid blue; }
上述代碼中,第一個樣式規則定義了文本框中的默認文本,在文本框未獲得焦點時會顯示該文本。其中,::placeholder
是偽類選擇器,color
屬性定義了字體顏色,font-size
屬性定義了字體大小,font-weight
屬性定義了字體粗細程度,font-family
屬性定義了字體樣式。
第二個樣式規則定義了文本框獲得焦點或被激活時的樣式。其中,:focus
和:active
都是偽類選擇器,outline
屬性定義了文本框獲得焦點時的外邊框樣式,border
屬性定義了文本框激活時的邊框樣式。
通過CSS實現輸入框文本默認值的優點是可以避免使用JavaScript代碼,從而減少頁面加載時間,提高頁面性能。但需要注意的是,因為不支持的瀏覽器可能無法使用這些CSS樣式,因此需要考慮向后兼容性的問題。
上一篇mysql 置0某個字段
下一篇css輸入框居中