点線の枠線を削除する/ドロップダウンメニューの概要

ドロップダウンメニューから項目を選択するときに表示される点線の枠線や輪郭を削除するにはどうすればよいですか？点線の枠線を削除する/ドロップダウンメニューの概要

enter image description here

あなたが示す点線の境界線/アウトラインがある見ることができますが、私はこの（Firefoxで撮影したスクリーンショット）を削除したいです。以下のソリューションをしようと

は、それを削除しませんでした：

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

HTMLは、単にこれです：Windows 7とIE9で

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

2012-02-02 MacMac

HTMLマークアップも渡すことができます。 – Jawad

私はWindows 7上でFirefoxを試しましたが、点線の枠はありません。 –

[FFの選択ボックスからアウトラインを削除]の複製が可能です（http://stackoverflow.com/questions/3773430/remove-outline-from-select-box-in-ff） – showdev

何の境界線/アウトラインが示されていない、代わりに青の背景示されています。青い背景とあなたのケースでは境界線/アウトラインはOSによって管理されます。私はあなたがMacにいると思う？

2012-02-02 21:11:46 Jawad

ああ、私はそれが私のMacのためだと思います、ありがとう。 – MacMac

あなたのスタイルシートに以下を追加します。 -

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

私はいつも働いてくれました。

2016-02-21 09:43:34

これが最適な解決策であるかどうかは不明ですが、面白いです。 – mrbinky3000

合意されて、それが「最高」であるかどうかは分かりませんが、それはしっかりとしており、私のためにすばらしく働いています。他の提案も素晴らしいでしょう。 –

このソリューションは、すべてのオプションを透過的にします。 –

答えて