Após colar o código do professor em meu css, vi que, quando desabilitado, a bolinha de meu input continua da cor azul. Como poderia alterar este detalhe?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Após colar o código do professor em meu css, vi que, quando desabilitado, a bolinha de meu input continua da cor azul. Como poderia alterar este detalhe?
Olá, Jeferson! Tudo bem?
Para alterar a cor da bolinha central do input, você pode adicionar a seguinte propriedade CSS no seu código:
input[type="checkbox"]:not(:checked) + label::before,
input[type="radio"]:not(:checked) + label::before {
border-color: #suaCorAqui;
}
Substitua "#suaCorAqui" pela cor desejada.
Testa por favor.
Espero ter ajudado e bons estudos!