c# - 摆脱下拉列表上的悬停效果

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 设置选项的悬停属性的样式。您的解决方法是使用不同的标记结构伪造下拉菜单并使用 javascript 连接交互效果。有许多前端框架可以帮助您解决这个问题。 Bootstrap是使用最广泛的一种。