Black November

ATÉ 50% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

::after no input

Seria possivel aplicar esta mesma funcionalidade no input? Eu tentei aplicar, mas nao consegui. Ao inspecionar o HTML, eu vi que o navegador renderiza um pseudoelemento sendo filho do elemento em questao e lembro do professor dizer em aula que "o elemento input nao aceita filhos. Entao, eu suponho que pelo navegador renderizar desta forma e o input nao aceitar filhos, a funcionalidade lecionada nesta atividade so seria possivel no label, certo?

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta
solução!

Tiago, boa tarde!

Exatamente, o elemento input ele abre abre vazio, chamamos isso de um elemento void, ou seja, ele não recebe filhos, o mesmo é para tag meta e a tag link. O sendo assim ao colocar o ::after e pelo fato dele inserir como filho de elemento, seria não tão semântico.

Usar o pseudo-elemento na tag label seria mais semântico visto que de fato se trata de um elemento do que serve para etiquetar o input.

Espero que tenha ficado claro e bons estudos!