Meu formulário possui os inputs com o placeholder
na cor branca e background
transparente, para deixar tudo uniforme eu preciso colocar o campo select no mesmo estilo; background
transparente e font
na cor branca, porém se eu usar;
select option {
color: white;
}
as opções quando exibidas desaparecem como na imagem abaixo.
Já tentei colocar apenas a opção selecionada com;
select option:selected {
color: white;
}
Só que não obtive resultado.
As opções seriam:
Deixar a cor do
:selected
na cor branca, assim não precisaria mexer nosoption
Deixar o
option
transparente (o que não parece ser possível)
Estou utilizando o framework Bulma
e a estrutura do HTML é a seguinte:
<p class="control is-expanded">
<select class="select" name="assunto" required >
<option value="selecione" selected="" disabled="">Selecione o assunto</option>
<option value="selecione">Outra opção</option>
...
</select>
</p>
select
transparente, as opções não...