css - 停止在 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;
}

删除了过渡，效果非常好!

jsFiddle