CSS去掉input光標
input{ outline:none; /*去掉邊框*/ -webkit-appearance:none; /*去掉默認樣式*/ -moz-appearance:none; appearance:none; cursor:default; /*設置鼠標指針的形狀為默認,即無光標 */ }
在實際開發中,有時需要去掉input框的光標,讓input框看起來更加美觀??梢允褂肅SS樣式來實現去掉input光標的效果。
input{ outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:default; }
上述代碼中,首先使用outline:none去掉input框的邊框,然后使用-appearance:none去掉默認樣式,最后使用cursor:default設置鼠標指針的形狀為默認,即無光標
需要注意的是,這樣設置去掉的是光標,而不是禁止輸入。如果需要禁止用戶輸入,需要使用其他方式來實現。