如何更改懸停時選擇清單選項的背景顏色？

您可以在懸停時更改選擇清單選項的背景顏色嗎？

正如您所注意到的，將樣式直接應用於 ;當滑鼠懸停在帶有 CSS 的元素上時，它們的外觀不會改變。儘管嘗試利用:hover on the

可能的解決方案

目前沒有內建的CSS 解決方案來修改 的背景顏色懸停時的元素。但是，利用 Choosen 或 Select2 等第三方函式庫提供了一種靈活的方式來設計選擇清單的樣式。

替代方案

如果您不想使用庫，請探索以下替代方案：

• 轉換使用JavaScript 或jQuery 插件將元素加入無序列表(
  ) 中。這使您能夠獨立自訂每個清單項目的外觀。
• 使用 ::before 偽元素在 上建立懸停效果元素本身。這允許您更改整個下拉式選單的背景顏色，而不是單一選項的背景顏色。

以上是如何更改懸停時選擇清單選項的背景顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！