Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida sobre a cor do botão de radio

O botão de radio, quando selecionado, está na cor azul quando uso o navegador chrome. Quando abro no firefox e clico, ele fica na cor cinza, mas quando passo o cursor sobre ele, a cor que aparece é azul. Gostaria de saber se tem como definir essa cor para que fique sempre a mesma, independente do navegador?

2 respostas
solução!

Oi, Sheila, tudo bem?

Sim, há algumas diferenças de estilo entre os navegadores mesmo nós utilizando o reset para tentar ao máximo equalizar o navegadores. A propriedade appearance nos ajuda resetando essas diferenças entre os navegadores, assim, podemos retirar o estilo padrão de cada browser e adicionarmos um nosso. Segue um exemplo de solução para o seu problema

input[type="checkbox"]{
    -webkit-appearance: none;
    background-color: blue;
    width: 20px;
    height: 20px;
}
input[type="checkbox"]:checked{
    background-color: red;
}

Testa e me fala se deu certo!

Deu para perceber a diferença, Laís. Obrigada!