摆脱下拉列表中的悬停效果

Question

我的MVC项目中有一个不同颜色的下拉列表：

@Html.DropDownListFor(model => model.BehanlingsColour, new SelectList(
                  new List<Object>{ 
                       new { value = "#7fe553" , text = "Red" },
                       new { value = "#295616" , text = "Yellow" },
                       new { value = "#165651" , text = "Green"},

此列表的目的是让用户选择一种颜色。 问题是当我将颜色悬停在颜色上时，我会得到蓝色的悬停效果......有没有办法摆脱它？

Answer 1

不幸的是，您无法使用CSS设置选项的悬停属性。您的解决方法是使用不同的标记结构伪造下拉列表，并使用javascripts连接交互式效果。有许多前端框架可以帮助您解决这个问题。 Bootstrap是使用最广泛的一种。