移动设备上的Jquery Mobile锚标签CSS问题

Question

我目前正在使用JQuery Mobile，并且遇到了一些关于CSS的小问题。通常情况下，给定时间我可以追踪问题并把它说得对，但这次我想我会把它放在那里，看看是否有其他人有这个问题，因为我没有运气追踪正确的CSS纠正它。

问题本身仅在移动测试中展示。我在页面上有标准链接

<a class="inline" data-ajax="false" href="/members/account">Account</a>

非常标准，但是当您点击移动设备上的链接时，单击链接时会出现黑色边框和一些轻微的填充。从而使链接位置略微移动，这看起来不太好。通常我会假设只是禁用边框/轮廓（我不能确定哪个）和填充:active样式的情况。但到目前为止，我没有任何快乐。

我想发布最新动态的屏幕截图，为您提供一个更好的主意，但由于此问题何时发生，它几乎不可能这样做。这些链接在桌面上很好，也可以在最小化的桌面窗口上复制移动浏览，但不能在设备本身上显示。

我的直觉告诉我它与.ui-btn-inner类有关。因为JQuery mobile将自动类分配给页面上的不同元素。但我再也不能100％做到这一点。如果有人以前遇到过这种情况，你能解决一些问题吗？

对此有任何建议将不胜感激。

快速屏幕截图样机概述问题

Answer 1

好吧，好像，由于大量的试验和错误似乎终于找到了问题，但最终到了那里。似乎是JQuery特定类ui-shadow的投影。所以只需摆脱它。

非常感谢@digitalextremist的回复。