CODEWITHSUNDEEP
htmlcssfirefox
senzacionale
senzacionale

Reputation: 20936

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 outline on BUTTONS as well as links?

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

Upvotes: 12

Views: 5181

Answers (5)

THE AMAZING
THE AMAZING

Reputation: 1603

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

always works for me.

Upvotes: 1

Mikey
Mikey

Reputation: 1

Try this:


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

Upvotes: 0

tomasdev
tomasdev

Reputation: 5996

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.

Upvotes: 0

Zuul
Zuul

Reputation: 16269

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!

Upvotes: 0

Mark Steggles
Mark Steggles

Reputation: 5573

Have you tried

select, option {outline:0}

Upvotes: 0

Related Questions