為什麼我的按鈕在懸停時沒有改變顏色？

更改滑鼠懸停時的按鈕顏色

問題描述：

尋求解決方案來更改按鈕顏色指標懸停在其上。但是，提供的解決方案似乎沒有按預期工作。

提供的解決方案：

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

失敗原因：

選擇器a.button a:hover 的目標連結是類別按鈕連結的子連結。這不是預期的行為，因為按鈕本身應該在懸停時改變顏色。

正確解決方案：

將選擇器編輯為 a.button:hover 以定位滑鼠懸停在按鈕上時直接點擊按鈕。

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

此修改後的選擇器將在滑鼠懸停時將所需的顏色變更套用至按鈕，滿足初始要求。

以上是為什麼我的按鈕在懸停時沒有改變顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！