谷歌瀏覽器Chrome基于WebKit開源瀏覽器引擎,自然能夠通過相關的一切方法自定義設置瀏覽器的默認狀態。谷歌瀏覽器Chrome安裝之后,大家應該都留意到所有的表單都會添加黃色邊框特效。在某些時候這些特效還是很不錯的,但是當網站本身就已經對于表單樣式有一定的設計時,這種默認表單樣式就會讓人覺得套樣了!這里我們介紹下如何去掉Chrome谷歌瀏覽器默認的input、textarea的邊框(border)和背景(background) 及Chrome下不可更改textarea大小。
可以用下面的css代碼去掉所有元素的邊框,
*:focus {outline: none;} |
用下面的代碼去掉你要去掉的元素的邊框,
.nohighlight:focus { outline:none; } |
你也可以給元素增加你希望的邊框,
.changeborder:focus { outline:Blue Solid 4px; } |
Chrome允許用戶控制textarea表單域的大小,在CSS中加入下面一句就可以了,
textarea {resize:none;} |
新聞熱點
疑難解答