Change option of select firefox


I have a select and options with a CSS style done. In chrome it looks good, now in firefox the options do not come out with the same style, it is taking its own. In different versions of firefox it is seen with different style. I have tried with -moz-apperance: none! Important; that you do not see the default style you have but nothing. Also in forcing style and nothing. the question is how can I change the style to the select and its children in this case the options, in firefox? It's getting impossible for me and I think it can be done in a simple way.

<select class="login-mobile-link" href="">
        <option value="#">Usuario</option>
        <option value="">Ajustes</option>
        <option value="">Contraseñas</option>
        <option value="">Descargas</option>
        <option value=";;_wpnonce=6fa277ff58">Cerrar sesión</option>

.login-mobile-link {
   position: absolute;
   top: -30px;
   left: -30px;
   width: 254px;
   padding: 7px 21px;
   background-color: #444444;
   color: #fff;
   font-weight: 600;
   text-decoration: none;
   -moz-appearance: none !important;

.login-mobile-link:before {
   font-weight: 600;
   padding-right: 5px;

   color:white !important;

That's how it looks in chrome and correctly

And so incorrectly in firefox and I can not find a way to change it and it looks the same as in chrome

asked by Caldeiro 19.11.2018 в 10:40

0 answers