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