刪除虛焦邊框/聚焦下拉菜單的輪廓

如何從下拉菜單中選擇項目時刪除顯示的虛線邊框/輪廓？刪除虛焦邊框/聚焦下拉菜單的輪廓

enter image description here

你可以看到有的虛線邊框/輪廓，我想刪除這個（在Firefox採取截圖）。

試圖解決以下沒有將其刪除：

select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner { 
    outline: none; 
    border: none; 
}

的HTML只是簡單：

<select name="order"> 
    <option value="desc">Newest to oldest</option> 
    <option value="asc">Oldest to newest</option> 
</select>

2012-02-02 MacMac

你也可以傳遞HTML標記。 – Jawad 2012-02-02 20:41:57

我在Windows 7的Firefox上試過，沒有虛線邊框。 – 2012-02-02 21:14:58

可能的重複[從FF中的選擇框刪除大綱]（http://stackoverflow.com/questions/3773430/remove-outline-from-select-box-in-ff） – showdev 2015-05-28 16:18:50

在Windows 7和IE9無邊框/輪廓所示，取而代之的是藍色的背景被顯示。藍色的背景，在你的情況下，邊界/輪廓由操作系統管理。我懷疑你是在Mac上？

2012-02-02 21:11:46 Jawad

啊，我想這是因爲我的Mac ，感謝那。 – MacMac 2012-02-02 21:20:11

以下添加到您的樣式表。 -

select:-moz-focusring { color: transparent; 
         text-shadow: 0 0 0 #000; }

一直爲我工作，希望它有幫助！

2016-02-21 09:43:34

不知道這是否是最好的解決方案，但它很有趣。 – mrbinky3000 2016-03-15 21:02:53

同意，不知道這是'最好的'，但它一直堅實，併爲我工作出色。任何其他建議也會很好。 – 2016-03-23 23:36:48

該解決方案使所有選項都透明。 – 2017-06-19 08:31:38

回答