White background in select box when viewing in Chrome

Question

this html only in chrome makes the selected value non visible, the bacground of the select in other browsers is colored, only in chrome it\'s white

Answer 1

I know this is a little old but I ran onto it when looking for the the same anwser and the is a Css way to fix this

@media screen and (-webkit-min-device-pixel-ratio:0) { // target only -webkit browsers

select {
    background-image: none; /* remove the value that chrome dose not use */
    background-color: #333; /* set the value it does */
    border-radius: 4px;     /* make it look kinda like the background image */
    border: 1px solid #888;
}

}

Hope that it helps