在html select中将鼠标悬停或选择一个项目时，如何避免更改背景颜色？

问题描述

我的页面上有一个下拉菜单，供用户选择颜色。

但是，当用户尝试选择一种颜色并将鼠标悬停在所选项目上方时，浏览器会自动更改项目的颜色，这使他难以进行选择。

我想让浏览器按原样保留底色，也许在悬停时在其周围绘制黄色边框但不更改底色时，如何获得这种效果？ 这是我的选择

已定义

<option value="#DC626D" style="background: #DC626D"></option>
<option value="#E8825D" style="background: #E8825D"></option>
<option value="#FFCD8F" style="background: #FFCD8F"></option>
<option value="#FDEE65" style="background: #FDEE65"></option>
<option value="#52CE90" style="background: #52CE90"></option>

解决方法

您可以使用css选择器选项：悬停来处理任何悬停效果。

可能复制此CSS disable hover effect