1

Hola Amigos buenas tardes, lo que pasa es que quiero eliminar el color azul por defecto en un comboBox al momento de pasar sobre las opciones, ya probe con el hover, pero no tuve exito este es la pantalla:

introducir la descripción de la imagen aquí

option:hover
{
    background-color: #F4F4F4;
 
    /*        color: #F4F4F4;*/
    cursor: pointer;
    background: url(../img/palomita.png )   no-repeat 100%;

}
             <select class="selectArrow" name="AAS" class="Caja_txt_246" id="AAS" tabindex="9">
                                <option selected="selected" value="0">0 %</option>
                                <option value="5">5 %</option>
                                <option value="10">10 %</option>
                                <option value="15">15 %</option>
                                <option value="20">20 %</option>
                            </select>

Ya volvi a editar la pregunta con el codigo ejecutando, (Lo principal es desaparecer el color azul, ya sea jquery, js o css)

Espero y me puedan ayudar, saludos cordiales XDD

8

1 respuesta 1

1

Ese color "Hover" en las opciones de un control Select es propio de cada navegador, así que no es posible cambiarlo directamente en un control de ese tipo.

Lo que puedes hacer es utilizar alguna librería de Jquery que simule el Select:

<select id="select-beast">
     <option value="3" selected="selected">Nikola Tesla</option>
</select>

$('#select-beast').selectize({
     create: true,
     sortField: 'text'
});

Este es un ejemplo de la librería Selectize.js

1
  • Hola, perdon por la demora, voy a revisar el codigo que me pasaste, igual se esta viendo si se va a requerir esta funcionalidad, muchas gracias :) Commented el 29 nov. 2017 a las 23:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.