1. 程式人生 > >去掉谷歌瀏覽器獲取焦點時默認的input、textarea的邊框和背景

去掉谷歌瀏覽器獲取焦點時默認的input、textarea的邊框和背景

鼠標 area 大小 要去 HA change 元素 lin chrom

去掉chrome(谷歌)瀏覽器默認的input、textarea的邊框(border)和背景(background) 及chrome下不可更改textarea大小

1、使用Chrome的都知道,當鼠標焦點在input、textarea這些元素上時,Chrome默認的會給它們加上黃色的邊框,我以前一直以為這是chrome的特性,沒法去掉,原來是css的效果,outline這個屬性。
你可以用下面的css代碼去掉所有元素的邊框:

*:focus {outline: none;}
用下面的代碼去掉你要去掉的元素的邊框:

.nohighlight:focus { outline:none; }
你也可以給元素增加你希望的邊框:

.changeborder:focus { outline:Blue Solid 4px; }


2、chrome默認用戶可以控制textarea的大小,在CSS中加入下面一句就可以了

textarea {resize:none;}

去掉谷歌瀏覽器獲取焦點時默認的input、textarea的邊框和背景