Incorrect displaying dropdowns in Firefox.

[m9iv]

Hi, iarouse.
Thanks for Flatify - I am using it at one of my work project and it looks really pretty. But dropdowns displays incorrect in my Firefox (I have the latest version):

What can I do to fix that?
Thanks : )

[iarouse]

Try add to “Select” element

-moz-appearance: none;

Hope this helps :)

cheers

arousing

On Wednesday, September 24, 2014 at 11:57 AM, christina zaviruha wrote:

Hi, iarouse.
Thanks for Flatify - I am using it at one of my work project and it looks really pretty. But dropdowns displays incorrect in Firefox (I have the latest version):

What can I do to fix that?
Thanks : )

—
Reply to this email directly or view it on GitHub (#1).

[m9iv]

Unfortunately it did not work for me. Default arrows are still displayed.
Maybe due to this on MDN:

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

I have added to the "select" element so far

-moz-appearance: toolbarbutton;

Now it looks like:

instead of:

I do not think it's the best solution of that problem.
Hope you have some more ideas :)

Thanks.