jQuery mobile - 如何摆脱主页按钮上的蓝色突出显示

Question

我正在使用 jQuery mobile，并在标题中使用主页按钮。单击时，主页按钮会突出显示为蓝色。我想摆脱这个，但似乎无法追踪 CSS 规则/-webkit CSS 规则来做到这一点。

屏幕截图：

有人可以帮忙吗？

Answer 1

在 jQuery Mobile 中，添加到刚刚按下的按钮的类是：ui-btn-active。这是讨论此类的文档的链接（尽管没有说太多）： http://jquerymobile.com/demos/1.0b2/docs/toolbars/docs-navbar.html

不确定这是否是您所需要的，但我认为它可能会有所帮助。我建议使用 FireBug 或类似的 DOM 检查工具来实时查看按钮。

Answer 2

您确定这不仅仅是链接聚焦时获得的默认高光吗？

尝试

#buttonID:focus{
    border: none;
    outline: 0;
}

Answer 3

一个想法可以帮助您跟踪问题，因为您不共享链接（您可以轻松地共享第一页），即使用 Safari、Chrome 甚至 Firefox 并让它们充当 iPhone，这样您就可以使用它们的 Inspector/Firebug 来跟踪问题

Firefox 有 代理用户切换器，您可以轻松使用将浏览器解释为 iPhone

Chrome 也有只需在扩展选项中添加用户代理字符串即可创建新选项

< Safari 5 是最简单的，因为它已经内置：

1. 打开 Safari 并转到“首选项”，转到“高级”。选项卡底部有一个在菜单栏中显示“开发”菜单

   的复选框。

2. 转到开发菜单并移至用户代理< /code> 并选择任意 iOS 设备。