Jquery UI（可拖动）阻止firefox中的活动Pseudo类

Question

我在使用以下css时遇到了一个问题。

#keyboard li:active {
        color:red;
}

html块：

<ul id="keyboard">
           <li id="a"  class="letter">a</li>
           <li id="aA" class="letter">aA</li>
           <li id="ai" class="letter">ai</li>
 </ul>

我试图弄清楚为什么它不能在我的网页上工作，而是在其他只有一些简单的HTML和CSS的地方工作。

然后我尝试删除我的jqueryui.js文件然后css块工作。 如何在不从网页中删除jqueryui的情况下解决此问题。

我在加载jqueryui后加载我的css。

更新

我已经发现可拖动的方法正在解决这个问题。整个列表位于div中，可以使用jquery进行拖动。我弄错了我的问题。

小提琴：https://jsfiddle.net/t96ku5na/

@TJ提到的评论https://jsfiddle.net/t96ku5na/3/表示它工作正常并且已关闭，但它不起作用。

更新

这个问题似乎是firefox特有的。它在Chrome中完美运行。 Firefox测试版本：45.0.2。

Answer 1

我刚刚在firefox中遇到了同样的问题，但是jQuery draggable API实际上为主题提供了一种变通方法。您可以在拖动元素时使用.ui-draggable-dragging类来引用元素（即，单击元素时，与伪类:active相同）。