1、去除chrome等瀏覽器默認發光邊框
input:focus, textarea:focus {
outline
:
none
;
}
這樣textarea在選中的時候，文字會有點移動，解決方法：
input:focus, textarea:focus {
outline
:
none
;
border
:
1px
solid
#ccc
;/*跟進textarea背景顏色來定*/
}
這樣也可以解決更改選中時的顏色值，已達到給用戶反饋的效果
2、去除IE10+瀏覽器文本框后面的小叉叉
input::-ms-clear {
display
:
none
;
}
3、禁止多行文本框textarea拖拽
textarea {
resize:
none
;
}
這樣就不能放大縮小
4、resize解析：
在這里要提到一個屬性resize，這個是CSS3屬性，用於元素縮放，它可以取以下幾個值：
none 默認值
both 允許水平方向及垂直方向縮放
horizontal 只允許水平方向縮放
vertical 只允許垂直方向縮放