如何屏蔽Chrome、Safari等Webkit内核浏览器文本框和文本域的高亮边框、可变大小等自动外观处理
1、高亮外框的取消
input {
outline
:
none
;
}
textarea {
outline
:
none
;
}
如上,使用CSS的outline就可以实现
2、文本域缩放功能的取消
也是使用CSS,具体有两种方法
textarea {
width
:
400px
;
max-width
:
400px
;
height
:
400px
;
max-height
:
400px
;
上面是限定最大宽度和高度(CSS2),这也是最容易想到的方法了
texearea {
resize:
none
;
}
需要注意,这个方法中的resize是CSS3中的语法