Bolehkah Pemilih Atribut CSS Menyasarkan Nilai Input Dinamik?

Pemilih Atribut CSS untuk Penyasaran Input Dinamik

Soalan: Bolehkah anda memanfaatkan pemilih CSS untuk menyasarkan input berdasarkan input mereka nilai tertentu? Sebagai contoh, bagaimanakah anda akan menyasarkan input dengan nilai "Amerika Syarikat"?

Jawapan:

Penyelesaian Asal: Nilai Statik Sahaja

Ya, mungkin menggunakan pemilih atribut CSS. Walau bagaimanapun, mereka mempunyai had:

<code class="css">input[value="United States"] { color: #F90; }</code>

Pemilih ini sepadan dengan input dengan nilai tepat "Amerika Syarikat". Jika nilai berubah secara dinamik, penggayaan tidak akan digunakan.

Penyelesaian untuk Nilai Dinamik

Seperti yang dinyatakan dalam jawapan npup, pemilih atribut CSS tidak boleh menyasarkan atribut berdasarkan nilai sebenar mereka. Untuk menangani cabaran ini:

• Penyelesaian JavaScript: Cipta fungsi JavaScript yang menyemak nilai input dan menggunakan penggayaan secara dinamik. Lihat JSFiddle yang disediakan sebagai contoh.

Batasan Penyasaran Nilai Dinamik

Walaupun JavaScript menyediakan penyelesaian, adalah penting untuk ambil perhatian bahawa ia merupakan potensi kesesakan prestasi . Selain itu, ia tidak disokong dalam semua penyemak imbas.

Kes Penggunaan

Penyasaran nilai dinamik boleh berguna dalam senario tertentu, seperti:

• Menyerlahkan input tidak sah dengan nilai tertentu.
• Mengehadkan interaksi pengguna kepada nilai input tertentu.

Atas ialah kandungan terperinci Bolehkah Pemilih Atribut CSS Menyasarkan Nilai Input Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!