2
respostas

Estilo no Select

Boa tarde, gostaria de aplicar um estilo nas opções do select, mas não estou conseguindo. Tentei colocar como negrito as opções.

<fieldset>
                        <legend>Assunto:</legend>
                        <select name"assunto" >
                            <option value="consult" selected class="opcoes"> Consultoria</option>
                            <option value="blog"> Blog</option>
                            <option value="outro"> Outro</option>

                        </select>
                    </fieldset>
.opcoes{
    font-weight: bold
}
2 respostas

Fala Eduardo, tudo bom?

A tag select não é muito amigável para estilizaçõ :( ela, os inputs checkbox e radio se baseiam em configurações nativas do browser. O que da pra fazer é umas gambiarrinhas para emular o visual inicial do select, mas não alterar as cores no options.

Aqui um exemplo do select: https://codepen.io/danield770/pen/bgJOyV?editors=1100

Uma dúvida, o que emulou esse visual foi a propriedade appearance: none; ?