select/option html tag dotted outline problem in firefox

button::-moz-focus-inner { border: 0; } works for buttons...

what about for select/option html tag?

i try everything what is here: How to remove Firefox's dotted outl开发者_如何学编程ine on BUTTONS as well as links?

but i open new question becouse there is talking about buttons...

  select, option {
        border: 0 none;
        outline: 1px none;
    }

always works for me.

Have you tried

select, option {outline:0}

As of Firefox 11.0 the dotted outline around the select, option and button elements no longer exists, as far as I can tell by tests performed under Win7 with FF 11.0, and under Ubuntu 12.04 with FF 12.0.

Also noticed that around links like does of a Google Search Result Pagination Numbers, the dotted outline does not appear for the same versions of Firefox.

Seems to be an issue being dealt with by the Mozilla Firefox.

Made this Fiddle to test it!

select:-moz-focusring { color: transparent; }

This works. It's weird becuase the element you're seeing is :-moz-focusring but even if you use outline or border properties overwriting, the dotted line won't dissapear. Since the dotted line color depends on the color of the select, you can use this pseudo selector to put a transparent color (and make it invisible) but still have the original color in the select box text.

Try this:

    select, option {
        border: 0 none;
        outline: 1px none;
    }