Rumah >hujung hadapan web >tutorial css >Mengapa Elemen Input Tidak Menyokong ::sebelum dan ::selepas Elemen Pseudo?

Mengapa Elemen Input Tidak Menyokong ::sebelum dan ::selepas Elemen Pseudo?

Barbara Streisand
Barbara Streisandasal
2024-10-24 18:12:14684semak imbas

Why Don't Input Elements Support ::before and ::after Pseudo-Elements?

Merungkai Teka-teki: Mengapa Elemen Input Kurang ::sebelum dan ::selepas Elemen Pseudo

Dalam usaha mempertingkat penggayaan lalai untuk Elemen input HTML5, isu biasa timbul apabila ::selepas elemen pseudo gagal untuk memaparkan kandungan. Walaupun banyak percubaan dan ujian merentasi pelbagai penyemak imbas, peningkatan visual yang diingini tetap sukar difahami.

Tingkah laku pelik ini telah mencetuskan rasa ingin tahu: mengapa penyemak imbas sebulat suara menolak ::selepas elemen pseudo pada elemen input? Pemeriksaan menyeluruh terhadap spesifikasi CSS mendedahkan butiran penting. Menurut spesifikasi CSS21, ::after hanya digunakan pada elemen yang mempunyai kandungan pokok dokumen. Elemen input, bersama-sama dengan elemen seperti imej dan pemisah baris, tidak mengandungi kandungan sedemikian, menyebabkan penggunaan ::after tidak berkesan.

Oleh itu, jawapannya terletak pada sifat elemen input. Tidak seperti elemen seperti perenggan atau rentang yang membawa kandungan teks, elemen input terutamanya memudahkan interaksi pengguna dan kekurangan kandungan untuk tujuan paparan. Ciri yang wujud ini menghalang penggunaan elemen pseudo ::sebelum dan ::selepas pada elemen input.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn