国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 瀏覽器 > 正文

谷歌瀏覽器怎么去掉默認焦點邊框(input邊框)?

2020-05-31 11:28:57
字體：大 中 小
來源：轉載
供稿：網友

使用谷歌瀏覽器時，當鼠標焦點在文本輸入框（input、textarea）時，谷歌瀏覽器默認會給它們加上邊框，但我們有時并不需要這邊框，所以要通過代碼去掉。

1、獲得焦點時，默認會出現邊框

復制內容到剪貼板
  1. <html>   
  2.   
  3. <head>   
  4.   
  5.     <style>   
  6.   
  7.     </style>   
  8.   
  9. </head>   
  10.   
  11. <body>   
  12.   
  13.     <input type="text" id="a" />   
  14.   
  15.     <textarea id="b"></textarea>   
  16.   
  17. </body>   
  18.   
  19. </html>   

2、在CSS中用下面的代碼可以去掉邊框：

復制內容到剪貼板
  1. input,textarea:focus {   
  2.   
  3.            outline: none;   
  4.   
  5.       }  

3、如果需要，可以給元素增加邊框樣式：  input,textarea:focus { outline:Blue Solid 4px; } ，但要先去掉：input,textarea:focus {outline: none;}

4、如果你想去掉所有默認邊框可加入下面代碼：

復制內容到剪貼板
  1. *:focus {   
  2.   
  3.             outline: none;   
  4.   
  5.        }  

相關推薦：

谷歌瀏覽器打不開提示沒有注冊類該怎么解決?

谷歌瀏覽器安裝失敗錯誤代碼0xa0430721怎么辦？

win10中Chrome谷歌瀏覽器看視頻提示could't load plugins該怎么辦?

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 抚远县| 安远县| 湛江市| 元江| 灵台县| 武平县| 怀集县| 博罗县| 湘西| 丰顺县| 甘孜| 武冈市| 崇明县| 浪卡子县| 托克逊县| 崇文区| 澄城县| 利津县| 沧源| 鹰潭市| 伊春市| 永川市| 衡水市| 灵宝市| 定兴县| 鹿邑县| 泗水县| 赤水市| 米脂县| 且末县| 涿鹿县| 大名县| 襄垣县| 延川县| 永城市| 织金县| 梁平县| 兴安县| 洛宁县| 北流市| 井冈山市|