4
respostas

[Dúvida] Class input-padrão (não ficou claro)

Na aula, o professor cria uma class (input-padrao) para direcionar as mudanças do CSS somente para os "inputs" de nomesobrenome, Telefone e email e para o "textarea" que corresponde ao campo mensagem, pois essas mudanças estavam afetando os "inputs radio". Até ai ok. A duvida é: Já que a class foi direcionada para os input(nomesobrenome, Telefone e email) e o textarea, por que isso ajustou o posicionamento dos inputs radio? Por acaso os "inputs radio" foram ajustados por que originalmente a configuração deles é inline-block? Logo, com a criação da class, eles foram "excluindos" da propriedade block, voltando a configuração original e por isso se ajustaram?

4 respostas

Exatamente, a configuração padrão delesé assim desde que o input esteja dentro do label, como o professor o fez.

Também tive a mesma dúvida mas quando cheguei aqui ao ler o comentário do Eduardo consegui sanar. Gratidão!

Capaz, estamos aqui para evoluirmos juntos.

Olá, colegas

Como vão?

Eu fiz alguns teste aqui no meu e aparentemente o display:block; não afeta o O que estava jogando o input-radio pra baixo era o width: 50%; que fazia cada elemento ocupar 50% da largura da página.

form input{
    display:block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 50%;
}

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