Remove dotted border/outline of focused dropdown menu

Question

How do you remove the dotted border/outline that is shown when selecting an item from a dropdown menu?

Answer 1

On windows 7 and IE9 no border/outline is shown, Instead a blue background is shown. The blue background and in your case the border/outline is managed by the OS. I suspect your are on a Mac?

Remove outline from select box in FF

How to remove Firefox's dotted outline on BUTTONS as well as links?

Answer 2

Add the following to your stylesheet. -

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

Has always worked for me, hope it helps!