Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa Butang Saya Tidak Bertukar Warna pada Tuding?

Mengapa Butang Saya Tidak Bertukar Warna pada Tuding?

DDD
DDDasal
2024-11-02 06:49:29182semak imbas

Why Isn't My Button Changing Color on Hover?

Mengubah Warna Butang pada Tuding Tetikus

Penerangan Masalah:

Mencari penyelesaian untuk menukar warna butang apabila penunjuk tetikus melayang di atasnya. Walau bagaimanapun, penyelesaian yang disediakan nampaknya tidak berfungsi seperti yang diharapkan.

Penyelesaian Disediakan:

<code class="css">a.button {
   ...
}
a.button a:hover{
     background: #383;
}</code>

Punca Kegagalan:

Pemilih a.button a:hover menyasarkan pautan yang merupakan anak kepada pautan dengan butang kelas. Ini bukan gelagat yang dimaksudkan, kerana butang itu sendiri harus bertukar warna pada tuding.

Penyelesaian Betul:

Edit pemilih ke a.button:tuding untuk menyasarkan butang terus apabila ia dituding ke atas.

<code class="css">a.button {
   ...
}
a.button:hover{
     background: #383;
}</code>

Pemilih yang disemak ini akan menggunakan perubahan warna yang diingini pada butang semasa tuding tetikus, memenuhi keperluan awal.

Atas ialah kandungan terperinci Mengapa Butang Saya Tidak Bertukar Warna pada Tuding?. 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