css - 移动设备上的 Jquery Mobile anchor 标记 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

好吧，由于反复试验，似乎终于弄清楚了问题，但最终还是解决了问题。似乎是 ui-shadow 的 JQuery 特定类上的阴影。所以只需要摆脱它。

无论如何感谢@digitalextremist 的回复。