1
resposta

Layout Select com estilo diferente com o navegador Opera

Por algum motivo, o campo do select no navegador Opera fica com uma borda preta, apesar do arquivo ListaSuspensa.css estar com border: none; Nos outros navegadores Mozilla, Google Chrome e Edge a borda não aparece, será algum bug do Opera ou fiz algo errado?

OperaInsira aqui a descrição dessa imagem para ajudar na acessibilidade

Chrome Insira aqui a descrição dessa imagem para ajudar na acessibilidade

OBS: Se eu altero o border para border: 2px solid red; em todos os navegadores a borda altera, inclusive no Opera, é apenas o none que não funciona do Opera.Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi José, tudo bem?

O navegador Opera está aplicando um estilo padrão ao elemento select que não é removido quando você define border: none;. Isso acontece porque alguns navegadores têm estilos padrões diferentes para elementos de formulário e, às vezes, esses estilos não são sobrescritos da maneira que esperamos.

É algo completamente normal e você não está fazendo nada errado, não se preocupe!

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software