CSS文本框光標顏色是指當光標在文本框中移動時,光標的顏色是什么。通過CSS可以改變光標的顏色,讓文本框和網頁更加個性化和美觀。
input:focus { /* 設置光標顏色為紅色 */ caret-color: red; }
上面這段代碼使用了:focus偽類,意思是當文本框獲取焦點(也就是被點擊選中)時,就會應用這個CSS樣式,將光標顏色設置為紅色。
除了red,還可以使用其他css顏色名稱或RGB、HEX值來設置光標顏色。下面是一些常用的配色方案:
/* 蘭色光標 */ caret-color: aqua; /* 粉色光標 */ caret-color: fuchsia; /* 黃色光標 */ caret-color: yellow; /* 使用RGB值設置藍色光標 */ caret-color: rgb(0, 0, 255); /* 使用HEX值設置綠色光標 */ caret-color: #00ff00;
不同顏色的光標可以讓網頁視覺效果更加豐富和有趣。當然,也需要根據頁面主題和風格來選擇適合的光標顏色。
上一篇css 文本域 自動換行
下一篇css 文本框光標居中