CSS的文本框調整大小寫非常簡單,只需要使用text-transform屬性即可。
input { text-transform: uppercase; /* 將輸入的字母都轉換為大寫 */ } textarea { text-transform: lowercase; /* 將輸入的字母都轉換為小寫 */ }
以上代碼分別用于調整輸入框和文本框的大小寫格式。除了大小寫轉換外,text-transform屬性還可以轉換成首字母大寫的Capitalize格式,以及不進行大小寫轉換但單詞以大寫字母開頭的Titlecase格式。具體如下:
input { text-transform: capitalize; /* 將輸入的首字母都轉換為大寫 */ } textarea { text-transform: titlecase; /* 將每個單詞的首字母都轉換為大寫 */ }
注意,text-transform屬性僅對用戶輸入的文本進行轉換,對于靜態文本無效。可以通過字母大小寫的對比來判斷text-transform屬性是否生效。
上一篇css文本框邊框變紅
下一篇css文本框邊框透明度