1
resposta

Como alterar a bolinha central do input

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeApó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?

1 resposta

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!

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