Mengapa Elemen Input Tidak Menyokong ::selepas Elemen Pseudo dalam HTML5?

Keserasian Elemen Pseudo untuk ::sebelum dan ::selepas

Dalam HTML5, ::sebelum dan ::selepas elemen pseudo boleh tingkatkan elemen dengan kandungan tambahan, seperti ikon atau tanda semak. Walau bagaimanapun, tidak semua elemen menyokong sepenuhnya elemen pseudo ini.

Elemen Input dan ::after

Dalam contoh yang disediakan, elemen pseudo ::after bukan dipaparkan pada elemen input. Ini kerana elemen input, serupa dengan img dan br, tidak mempunyai kandungan pepohon dokumen. Menurut spesifikasi CSS2.1 (http://www.w3.org/TR/CSS21/generate.html), ::after hanya berfungsi pada elemen yang mempunyai kandungan sedemikian.

Oleh itu, elemen input tidak boleh hasilkan kandungan menggunakan ::selepas. Kaedah alternatif, seperti menggunakan imej latar belakang atau elemen tersuai, boleh digunakan untuk mencapai kesan yang serupa pada medan input.

Adalah penting untuk mempertimbangkan keserasian khusus elemen apabila menggunakan unsur pseudo. Senarai penuh elemen yang disokong untuk ::before dan ::after boleh didapati dalam spesifikasi CSS. Dengan memahami batasan dan keupayaan elemen pseudo, pembangun boleh menerapkannya dengan berkesan untuk meningkatkan antara muka pengguna tanpa menghadapi gelagat yang tidak dijangka.

Atas ialah kandungan terperinci Mengapa Elemen Input Tidak Menyokong ::selepas Elemen Pseudo dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!