去掉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登錄了一次並記錄了COOKIES之后,再次打開,CHROME記錄了上次輸入的內容,背景圖片就會被覆蓋一層淡黃色的背景色,點擊一下鼠標,背景圖片才顯示出來。這個怎么解決呢?我當時碰到這個問題的時候,也很頭疼,至今都沒有發現有什么好的辦法。有發現的請分享一下。


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

textarea {resize:none;}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM