CSS去掉input光標(biāo)

input{
outline:none; /*去掉邊框*/
-webkit-appearance:none; /*去掉默認(rèn)樣式*/
-moz-appearance:none;
appearance:none;
cursor:default; /*設(shè)置鼠標(biāo)指針的形狀為默認(rèn)，即無光標(biāo) */
}

在實(shí)際開發(fā)中，有時(shí)需要去掉input框的光標(biāo)，讓input框看起來更加美觀。可以使用CSS樣式來實(shí)現(xiàn)去掉input光標(biāo)的效果。

input{
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:default;
}

上述代碼中，首先使用outline:none去掉input框的邊框，然后使用-appearance:none去掉默認(rèn)樣式，最后使用cursor:default設(shè)置鼠標(biāo)指針的形狀為默認(rèn)，即無光標(biāo)

需要注意的是，這樣設(shè)置去掉的是光標(biāo)，而不是禁止輸入。如果需要禁止用戶輸入，需要使用其他方式來實(shí)現(xiàn)。