Olá, Alef! Como vai?

Sim, você entendeu corretamente! Quando personalizamos elementos como checkboxes ou radio buttons, que têm limitações de estilização direta via CSS, criamos um elemento customizado que fica visível ao usuário, enquanto o input original é mantido oculto. Isso é feito porque o elemento original ainda é necessário para capturar e processar as interações do usuário.

Por exemplo, ao criar uma caixa personalizada para um checkbox, você estiliza um elemento visual (como uma div ou um span) para parecer um checkbox. O input original fica oculto, mas ainda está presente na página. Quando o usuário interage com a caixa personalizada, você programa para que essa interação também dispare o evento correspondente no input oculto. Isso mantém a funcionalidade do formulário intacta, enquanto permite uma aparência visual personalizada.

Essa técnica é bastante comum e útil quando queremos oferecer uma experiência de usuário mais rica e visualmente atraente, sem comprometer a funcionalidade subjacente dos inputs.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)