首页 > 代码库 > 如?何?屏?蔽?C?h?r?o?m?e?、?S?a?f?a?r?i?等?W?e?b?k?i?t?内?核?浏?览?器?文?本?框?和?文?本?域?的?高?亮?边?框?、?可?变?大?小?等?自?动?外?观?处?理

如?何?屏?蔽?C?h?r?o?m?e?、?S?a?f?a?r?i?等?W?e?b?k?i?t?内?核?浏?览?器?文?本?框?和?文?本?域?的?高?亮?边?框?、?可?变?大?小?等?自?动?外?观?处?理

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中的语法