javascript - Jquery slider 的行为与文档中的示例不同

标签 javascript jquery html image jquery-ui

我复制粘贴了 http://jqueryui.com/demos/slider/range.html 中的代码用于本地测试。而且我看到的和url显示的不一样。当我单击 slider “大点”(用于更改值)时,点图像周围会出现一个虚线边框,并且在我释放单击后它不会消失,直到我将另一个元素聚焦在页面上。

这是我本地测试中的样子(使用 Vader 主题可以很容易地看到):

alt text

为什么 jQueryUI 演示中的示例没有发生这种情况?

最佳答案

因为它是firefox中的链接,默认情况下所有链接都会显示边框。在你的 CSS 中使用它。

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

编辑:它是一个链接,所以我相应地更新了 css。

关于javascript - Jquery slider 的行为与文档中的示例不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3901537/

相关文章:

html - 如何增加图像输入类型字段中的文本大小?

javascript - 在 Java 7 上运行符合 ECMAScript 5 的 javascript

javascript - 将变量的值存储在文本文件中

javascript - 如何在不丢失引用者的情况下打开新选项卡?

jquery - 使用 HTML5 将二进制字符串发布到 Django 应用程序

javascript - 如何更改javascript中的数组索引(而不是值)

javascript - 了解 Angular ng-repeat 如何与数组一起使用

javascript - JQuery Regex - 获取字符串内的数字

javascript - 单击父复选框时选中所有选中的框

jquery - 在 jQuery 中,如何通过单击正文中的任意位置来淡出重叠的 div?