Cara Menukar Warna Butang pada Hover: Apa Yang Salah dan Bagaimana untuk Membetulkannya?

Menukar Warna Butang pada Tuding

Anda cuba mengubah suai warna butang pada tuding, tetapi kod yang anda sediakan tidak berfungsi sebagai dijangka.

Isunya:

Kod yang anda kongsi mengandungi pemilih a.butang a:hover. Pemilih ini menyasarkan pautan () yang berada dalam elemen dengan butang kelas. Walau bagaimanapun, dalam konteks ini, anda ingin memilih butang itu sendiri, bukan pautan di dalamnya.

Penyelesaian:

Untuk menukar warna butang pada tuding dengan betul, gunakan pemilih a.button:hover sebaliknya. Pemilih ini menyasarkan elemen butang dengan butang kelas apabila ia dituding di atas.

Kod Kemas Kini:

Ganti kod sedia ada dengan yang berikut:

<code class="css">a.button {
  /* Button styles */
}

a.button:hover {
  background: #383;
}</code>

Atas ialah kandungan terperinci Cara Menukar Warna Butang pada Hover: Apa Yang Salah dan Bagaimana untuk Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!