Tenho o seguinte select
.
É possível trocar a cor azul dele para uma que eu queira aplicar, vermelho por exemplo?
Elementos SELECT
são renderizados pelo sistema operacional, não HTML. Você não pode mudar essa cor azul, porque ela é padrão do SO.
"A alternativa é usar bibliotecas que customizam o select, geralmente transformado-os em dropdowns e outros (Exemplo: bootstrap select - silviomoreto.github.io/bootstrap-select)."
Mas voce pode mudar algumas coisas sem usar dropdowns:
var select = document.getElementById('mySelect');
select.onchange = function () {
select.className = this.options[this.selectedIndex].className;
}
.redText {
background-color:#F00;
}
.greenText {
background-color:#0F0;
}
.blueText {
background-color:#00F;
}
<select id="mySelect" class="greenText">
<option class="greenText" value="apple" >Apple</option>
<option class="redText" value="banana" >Banana</option>
<option class="blueText" value="grape" >Grape</option>
</select>
select
, geralmente transformado-os em dropdowns
e outros (Exemplo: bootstrap select - silviomoreto.github.io/bootstrap-select).
Commented
7/05/2015 às 18:45