button::-moz-focus-inner { border: 0; }
作品按鈕...在Firefox中選擇/選項的HTML標記點綴輪廓問題
什麼有關select
/option
html標記?
我嘗試一切什麼是在這裏: How to remove Firefox's dotted outline on BUTTONS as well as links?
但我打開becouse有談論按鈕輸入新的問題...
button::-moz-focus-inner { border: 0; }
作品按鈕...在Firefox中選擇/選項的HTML標記點綴輪廓問題
什麼有關select
/option
html標記?
我嘗試一切什麼是在這裏: How to remove Firefox's dotted outline on BUTTONS as well as links?
但我打開becouse有談論按鈕輸入新的問題...
火狐11.0的圍繞選擇,選項和按鈕元素的虛線輪廓不再存在,據我所知,在Win7和FF 11.0以及Ubuntu 12.04與FF 12.0。
也注意到,像Google搜索結果分頁編號這樣的鏈接,虛線輪廓不會出現在相同版本的Firefox中。
似乎是Mozilla Firefox正在處理的問題。
做了這個Fiddle來測試它!
select:-moz-focusring { color: transparent; }
這是有效的。這很奇怪,因爲你看到的元素是:-moz-focusring
,但即使使用outline
或border
屬性覆蓋,虛線也不會消失。由於虛線顏色取決於select
的顏色,因此可以使用此僞選擇器來放置透明顏色(並使其不可見),但在選擇框文本中仍具有原始顏色。
不好的通知:它使標籤在焦點上不可見。扯淡! – 2012-11-06 21:01:15
隨着一些工作,這是解決方案:http://stackoverflow.com/a/18853002/1251219 – Fleshgrinder 2013-09-17 14:46:44
使我的FF 25,Windows 7上的整個文本消失 – vsync 2013-11-18 10:54:12
試試這個:
select, option { border: 0 none; outline: 1px none; }
select, option {
border: 0 none;
outline: 1px none;
}
總是對我的作品。
如果您隱藏對焦環,非指針用戶如何知道他們要「點擊」的位置? – Quentin 2011-03-04 11:45:20
它不一定是一個黑色的虛線環,是嗎?例如,它可以是不同的背景或不同的字體顏色。如果人們想要強制執行默認設置 - 他們可以找到一種方法來做到這一點(例如使用javascript來模擬
@Quentin,還有其他一些方法可以向用戶顯示重點是沒有這些內置(在我看來,醜陋)的風格。用戶可以輕鬆地將規則應用於':focus'和/或':active'僞類。 – 2011-10-15 00:36:26