Jquery滑块的行为与文档中的示例不同

Question

我复制粘贴http://jqueryui.com/demos/slider/range.html的代码进行本地测试。我所看到的与网址显示的不同。当我单击滑块“大点”（用于更改值）时，点图像会在其周围出现虚线边框，在我释放点击后它不会消失，直到我将另一个元素聚焦在页面上。

以下是我在本地测试中的外观（使用Vader主题可以轻松查看）：

为什么在jQueryUI演示的示例中不会发生这种情况？

Answer 1

这是因为它是firefox中的一个链接，默认情况下会在所有链接上显示边框。在你的CSS中使用它。

a { outline: none; }
button::-moz-focus-inner { border: 0; }

编辑：这是一个链接，所以我相应地更新了css。