如何将handontable下拉列表的默认突出显示颜色更改为另一种颜色

Question

我有Handsontable如下：

http://jsfiddle.net/nt001ymn/22/

我的桌子也有下降。当我查看下拉列表时，默认使用浅灰色突出显示。请查看下图：

如何将突出显示的颜色更改为其他颜色。假设我想将突出显示的颜色更改为黄色。

Answer 1

只需添加此CSS：

.handsontable.listbox tr:hover td {
  background: #FF0; 
}

我也可以解释我是如何到达那里的，所以你学习'如何捕鱼'：

• 在Chrome上，打开页面并按F12打开开发人员工具
• 打开下拉菜单，将鼠标悬停在选项上，然后在Mac上按CTRL + SHIFT + C或Cmd + Shift + C开始“检查模式”。
• 选择您正在悬停的选项，然后您会看到CSS / HTML。
• 查看开发工具上的样式面板，很容易理解CSS行是控制高亮颜色的行。
• 在样式面板上将该颜色更改为黄色并查看结果。满意吗？完成。把它放在你的.css文件上：）

Video on how to do it。在我使用这些步骤完成之后，我还向您展示了如何手动更改某些东西的状态以模拟它“悬停”，以便很容易理解那里的CSS。

Answer 2

Working Edited code here

更新了css，请检查

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
background: #ff0;

}

Answer 3

覆盖此课程：

echo

Answer 4

默认的灰色背景来自导入的handsontable CSS文件。 要覆盖它，请在您自己的CSS文件中添加以下CSS样式：

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
    background: yellow !important;
}

希望这对你有所帮助！ ;）

Answer 5

<style>
.handsontable.listbox tr td.current {
background-color : green;
}
</style>

Answer 6

添加你的CSS

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td{
   background-color: yellow
}