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

首頁 > 編程 > HTML > 正文

firefox的超鏈接點擊去除擴大的難看虛線的解決方法

2020-10-23 18:29:55
字體：大 中 小
供稿：網(wǎng)友
在某些特殊的情況下，比如做一個導(dǎo)航菜單的時候，出現(xiàn)這個情況時效果就很糟糕了，因為Firefox會錯誤地擴大鏈接的邊框：
在Firefox的地址欄輸入about:config，回車。有一個配置項叫做“browser.display.focus_ring_width”，把它修改成0，點擊鏈接時就不會出現(xiàn)那個邊框。但這樣的話，在焦點落在按鈕上時也沒有了邊框指示。而且作為一個開發(fā)者，在瀏覽器里設(shè)置這個屬性，無異于掩耳盜鈴。
這實際上是Firefox在<a>這個標(biāo)簽處于focus狀態(tài)時（pseudo selector - a:focus）給它加的outline屬性。
正確的解決辦法是在CSS里加一個規(guī)則：
a {
outline: none;
}
或者縮小范圍：
a:focus {
outline: none;
}
后者使得鼠標(biāo)左鍵在鏈接上按下，松開之前的這段時間里，仍會顯示虛線的outline.
在我看到的大部分網(wǎng)站中，都把這條規(guī)則寫在CSS里。或許Firefox該考慮去掉這個的默認(rèn)outline.

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 海晏县| 西乌珠穆沁旗| 灵川县| 冀州市| 盖州市| 扎囊县| 宜黄县| 交口县| 繁昌县| 蕲春县| 大兴区| 新宁县| 荔浦县| 鄂州市| 青田县| 太谷县| 黔南| 丰都县| 若羌县| 梁河县| 嘉定区| 苍溪县| 郁南县| 五寨县| 扶沟县| 宾阳县| 岳阳市| 颍上县| 高唐县| 广宁县| 连州市| 芜湖县| 乌恰县| 攀枝花市| 仁怀市| 临泉县| 乌审旗| 娄烦县| 尉氏县| 丰台区| 衡水市|