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

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!