Como aumentar o tamanho da caixa de seleção no CSS

Uma caixa de seleção é um tipo de entrada de HTML que permite ao usuário fazer uma escolha entre duas ou mais opções possíveis. Permite ao usuário selecionar vários valores de uma lista predefinida. Por padrão, a caixa de seleção está na pequena caixa quadrada; No entanto, às vezes, é importante aumentar o tamanho da caixa de seleção para aumentar sua visibilidade.

Neste manual, explicaremos o método para aumentar o tamanho da caixa de seleção usando CSS.

Como aumentar o tamanho da caixa de seleção no CSS?

Você pode utilizar caixas de seleção no HTML para obter informações dos usuários. Oferece um conjunto predefinido de valores usando o qual o usuário pode fazer uma escolha binária. Além disso, para aumentar o tamanho da caixa de seleção, o “largura" e "altura”As propriedades do CSS podem ser utilizadas.

Sintaxe

A sintaxe dessas propriedades são:

Largura: Valor
Altura: valor

No lugar de "valor", Você pode definir o"largura" e "altura”De qualquer elemento de acordo com suas preferências.

Vamos passar para o exemplo prático, onde criaremos uma caixa de seleção e aumentaremos seu tamanho usando “largura" e "altura”Propriedades.

Exemplo: Crie uma caixa de seleção e aumente seu tamanho no CSS

Para aumentar o tamanho da caixa de seleção, primeiro, levaremos um tipo de entrada “Caixa de seleção”No arquivo html dentro da tag:

Atualmente, o tamanho padrão da caixa de seleção é o seguinte:

Agora, vá para o CSS para aumentar o tamanho da caixa de seleção.

Aqui, vamos acessar o “entrada”Tipo definido na seção HTML e defina a largura e a altura da caixa de seleção como“50px”:

entrada
Largura: 50px;
Altura: 50px;

Aumentamos com sucesso o tamanho da caixa de seleção criada com a ajuda das propriedades da altura e da largura do CSS:

Observação: Para aumentar o tamanho da caixa de seleção, “largura" e "altura”Ambas as propriedades são necessárias para definir, pois o tamanho não muda se você especificar um valor.

Cobrimos um método simples para aumentar a dimensão da caixa de seleção no CSS.

Conclusão

O CSS “largura" e "altura”As propriedades são usadas para aumentar o tamanho da caixa de seleção. Você pode especificar qualquer valor no “px”Unidades para definir o tamanho de acordo com seus requisitos. No entanto, são necessários valores de ambas as propriedades para redimensionar a caixa de seleção. Neste guia, explicamos o procedimento para aumentar o tamanho da caixa de seleção usando CSS.