停止在 jquery-ui 下拉列表中闪烁

Question

我的页面上有一个jquery-ui下拉菜单，通常链接会利用平滑过渡，现在我发现在FF中，当我将鼠标悬停在不同的选项上时，下拉列表实际上会闪烁。

见 http://jsfiddle.net/EBduF/495/

a {
text-decoration: underline;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
color: #50444a;
border-bottom-color: #ab939f;
}

我不确定要添加什么 css 来防止过渡效果影响 jquery-ui 建议？

Answer 1

a {
    text-decoration: underline;
    color: #50444a;
    border-bottom-color: #ab939f;
}

删除了过渡，它工作得很好！

js小提琴