选择包含 GridMvc 时控制引导下拉列表元素的 Color 属性

Question

我有一个使用引导程序的 ASP.NET MVC 5 项目。通常我自定义脚手架视图。 例如，模型的索引视图通常是包含记录行的表 该模型在数据库中加上指向“编辑”、“删除”每条记录的链接以及指向该模型“详细信息”的链接。有时我会添加更多链接并收集它们 在 Bootstrap 下拉菜单中。 最近我开始使用 NuGet 包 GridMvc 来制作一些模型 索引视图分页、可排序和可过滤。

但是，我现在遇到了一个问题。当我单击标有“操作”的按钮时，该行的颜色属性变为白色，以使文本在现在突出显示的行内可见。但是背景颜色 下拉列表仅在悬停时更改，因此如果光标未悬停在其上，则文本不可见。

我注意到当单击 GridMvc 行时，会调用一些 jQuery 代码 然后行的颜色属性发生变化。但我想知道是否有 是一种在属性更改时控制新颜色值的方法。会是 能够同时使用 GridMvc（因为它使实现分页、排序和过滤更容易），同时仍然保持引导下拉菜单，真是太好了 菜单按钮（因为它使 UI 更干净）并且不必牺牲一个 为另一个。

如果有任何建议或建议，我将不胜感激。

Answer 1

在玩弄了浏览器工具之后，我发现了这段代码， Grid.Mvc CSS 附带的，负责为下拉菜单中的链接设置样式。

table.grid-table tr.grid-row-selected a {
    color: white;
}

所以我所做的只是用我自己的 CSS 规则覆盖它

table.grid-table tr.grid-row-selected a {
    color: black;
}

结果是这样的：

我还必须添加这条规则：

table.grid-table tr.grid-row-selected a:hover {
    color: white;
}

在悬停时将链接文本的颜色属性更改为白色 因为蓝色背景上的白色文本看起来比黑色文本更好 蓝色背景。