CSS中光標(biāo)屬性(cursor)控制鼠標(biāo)懸停到某個(gè)元素上時(shí)鼠標(biāo)的形狀,其中有一個(gè)值是“text”,它表示鼠標(biāo)形狀為I型文本輸入光標(biāo),即表示光標(biāo)位置可以輸入或編輯文本。
.text-input { cursor: text; }
通過(guò)在CSS中設(shè)置元素的光標(biāo)屬性為text,可以讓用戶知道該元素的可編輯性,因?yàn)槭髽?biāo)形狀變?yōu)楣鈽?biāo),光標(biāo)位置也變?yōu)殚W爍的I形狀。
同時(shí),在輸入框、文本域等可輸入的元素中,這個(gè)效果常常被用來(lái)增強(qiáng)用戶體驗(yàn),在光標(biāo)位置輸入文本時(shí),光標(biāo)會(huì)自動(dòng)跟隨輸入的位置變動(dòng),讓用戶感受到更直觀的輸入過(guò)程。
需要注意的是,光標(biāo)屬性兼容性不是很好,尤其是IE瀏覽器,所以需加前綴:
.text-input { cursor: text; cursor: -webkit-text; cursor: -moz-text; cursor: -o-text; cursor: -ms-text; }
光標(biāo)屬性除了text以外,還有很多其他的取值,如pointer、help、crosshair等等,可以根據(jù)需要自行選擇并運(yùn)用到具體的元素中。