谷歌瀏覽器怎么去掉默認焦點邊框(input邊框)?
發(fā)布時間：2015-12-08 12:40:03 作者：佚名 
我要評論
我要評論谷歌瀏覽器怎么去掉默認焦點邊框？谷歌瀏覽器中默認是給文本輸入框加上邊框的，但是當我們不需要變寬的時候就可以去掉，下面分享去掉谷歌瀏覽器邊框的教程，需要的朋友可以參考下
使用谷歌瀏覽器時，當鼠標焦點在文本輸入框（input、textarea）時，谷歌瀏覽器默認會給它們加上邊框，但我們有時并不需要這邊框，所以要通過代碼去掉。
1、獲得焦點時，默認會出現(xiàn)邊框
復制內(nèi)容到剪貼板
- <html>
- <head>
- <style>
- </style>
- </head>
- <body>
- <input type="text" id="a" />
- <textarea id="b"></textarea>
- </body>
- </html>
2、在CSS中用下面的代碼可以去掉邊框：
復制內(nèi)容到剪貼板
- input,textarea:focus {
- outline: none;
- }
3、如果需要，可以給元素增加邊框樣式： input,textarea:focus { outline:Blue Solid 4px; } ，但要先去掉：input,textarea:focus {outline: none;}
4、如果你想去掉所有默認邊框可加入下面代碼：
復制內(nèi)容到剪貼板
- *:focus {
- outline: none;
- }
相關推薦：
win10中Chrome谷歌瀏覽器看視頻提示could't load plugins該怎么辦?
相關文章
- 谷歌瀏覽器是三大主流瀏覽器之一，熟練使用它是必要的。今天和大家分享一下谷歌瀏覽器下載文件的默認保存位置如何修改，希望能對大家有所幫助2016-04-24
- 谷歌google瀏覽器怎么添加信任站點？如果有經(jīng)常訪問的站點，但是瀏覽器又不能正常打開，這時候我們就可以將這個網(wǎng)站設置為受信任的站點，下面我們來看看谷歌瀏覽器設置受信2016-04-21
谷歌Chrome瀏覽器怎么設置打開網(wǎng)頁自動翻譯?
谷歌Chrome瀏覽器怎么設置打開網(wǎng)頁自動翻譯？經(jīng)常需要上外網(wǎng)，但是英語是在不好，雖然谷歌瀏覽器有翻譯插件，但是每次都點擊翻譯也挺麻煩，怎么讓谷歌瀏覽器打開網(wǎng)頁就自動2016-04-19- chrome（谷歌瀏覽器）有自動翻譯功能，可以在你進入非母語的網(wǎng)頁時彈出提示條問你是否進行翻譯，基本什么語言都能翻，今天小編就來介紹一下2016-04-19
- 谷歌google瀏覽器怎么清除瀏覽記錄？瀏覽器經(jīng)常看網(wǎng)頁，所以留下很多瀏覽記錄，想將這些記錄刪除，該怎么刪除呢？今天我們來看看谷歌瀏覽器清除緩存的詳細教程2016-04-19
- 谷歌搜索不能用該怎么辦？谷歌退出中國后，雖然能上谷歌，但是卻不能在谷歌中搜索，該怎么解決這個問題呢？今天我們就來看看利用百度瀏覽器開啟海外加速來解決這個問題的方2016-04-10
- 谷歌chrome瀏覽器怎么手動更換顯示語言？我們的谷歌瀏覽器正常情況下都是顯示中文的頁面，但是偶爾需要顯示英文或者其他語言的文字該怎么設置呢？下面我們來看看詳細的設置2016-04-06
谷歌瀏覽器打開bilibili(B站)顯示火星文亂碼該怎么辦?
瀏覽器打開bilibili(B站)顯示火星亂碼該怎么辦？在fb表情包大戰(zhàn)中ab站功不可沒，今天使用谷歌瀏覽器去b站看看，沒想到竟然顯示的全是火星文和亂碼，該怎么辦呢？下面分享詳2016-01-28- 谷歌chrome瀏覽器字體模糊看不清該怎么辦？電腦瀏覽器打開網(wǎng)頁字體很模糊看不清楚，設置了分辨率以后還是很模糊，該怎么辦呢？下面分享這個問題的解決辦法，需要的朋友可以2016-01-05
- 新版谷歌53.0瀏覽器不能用支付寶旺旺插件怎么辦？很多朋友最近升級谷歌新版本，發(fā)現(xiàn)阿里插件不能用了，針對這一問題，小編帶來了解決方法，來看看吧2016-05-09