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

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 ，< strong> Chrome 甚至 Firefox ，让它们充​​当iPhone，以便您可以使用他们的Inspector / Firebug来跟踪问题

Firefox 有一个Agent User Switcher，您可以轻松使用它，以便浏览器可以像iPhone一样运行

Chrome has it as well只需在“扩展程序”选项中添加用户代理字符串即可创建新选项

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

1. 打开Safari并转到“首选项”，然后转到“高级”。在标签的底部有一个Show Develop menu in menu bar.

复选框

2. 转到Develop菜单，然后转到User Agent并选择任何iOS设备。