Question

我已经解决了我的问题。

问题是，当我使用鼠标悬停在列表上时，我得到了我的渴望背景悬停颜色。但是，当我使用箭头键导航时，jquery ui默认主题颜色生效。这会创建两组背景颜色，一组使用鼠标，另一组使用箭头键。我试过用

.ui-menu-item .ui-menu-item-wrapper:focus

但没有成功。我正在使用jquery ui 1.12.1和jquery 1.10.2。如何在两个事件中都有我想要的背景颜色和文字颜色？

提前致谢。

Answer 1

我找到了负责这个的课程。查看jquery ui theme roller的css文件给了我线索。

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #aaaaaa;
    background: #cfd8e0;
    font-weight: normal;
    color: #212121;
}

现在，我对使用箭头键悬停或浏览列表具有相同的效果。

悬停时的不同背景颜色和jquery ui自动完成中的箭头键导航

1 个答案: