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

[Dúvida] Como aumentar o tamanho das bolinhas do radio e do checkbox?

Gostaria de saber como faz para aumentar o tamanho das bolinhas do checkbox e do radio, para ficarem mais acessíveis a quem necessite que sejam de um tamanho maior. Tentei utilizar o seguinte código, mas aí esse desconfigurava o que tinhamos feito de alinhar as bolinhas à esquerda:

input[type=radio], input[type=checkbox]  {
    border: 0px;
    width: 100%;
    height: 2em;
} 

Alguém tem alguma solução?

2 respostas
solução!

Oi Ana, tudo bem?

Testei aqui no meu projeto e utilizei os valores em px, veja:

input[type=radio], input[type=checkbox]  {
    border: 0px;
    width: 25px;
    height: 30px;
    vertical-align: middle;
}

O vertical-align: middle; usei para centralizar o texto com a bolinha e o checkbox.

Ficou assim:

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

Achei um tamanho bom, mas você pode mudar os valores se quiser aumentar mais ainda.

Um abraço e bons estudos.

Obrigada! Deu certinho agora :)