Entrar Ainda não tem acesso?
2
respostas

Estilo no Select

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Formulários e atividade A tag select

por eduardo rezende cruz
| 109.8k xp | 45 posts
Suporte atendimento 1

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
por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

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

por eduardo rezende cruz
| 109.8k xp | 45 posts
Suporte atendimento 1

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