How can I remove the blue color that an option brings! Help!

Navigation
0

Hello Friends good afternoon, what happens is that I want to eliminate the blue color by default in a comboBox when going over the options, and probe with the hover, but I did not succeed this is the screen: 

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>

I have already edited the question with the code running, (The main thing is to disappear the blue color, either jquery, js or css)

I hope and you can help me, best regards XDD

    
asked by JUAN JOSE BUSTAMANTE SOLIS 29.11.2017 в 20:16
source

1 answer

0

That "Hover" color in the options of a Select control is typical of each browser, so it is not possible to change it directly in a control of that type.

What you can do is use a Jquery library that simulates the Select: 

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

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

This is an example of the library Selectize.js

    
answered by 29.11.2017 в 21:50
vulnerabilities with outdated wordpress plugins? Help with NullPointerException in jsf?