2014-01-09 157 views
0

我目前正在使用JQuery Mobile,并且遇到了有关CSS的轻微问题。通常情况下,给定时间后,我将能够找出问题并妥善处理,但这一次我想我会把它放在那里,看看是否有其他人有这个问题,因为我没有运气跟踪正确的CSS纠正它。移动设备上的Jquery移动锚标签CSS问题

该问题本身仅在移动测试中呈现。我有网页

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

非常标准的标准链接,但是当你点击一个移动设备,黑色边框,以及一些轻微的填充链接存在的一瞬间,你点击链接。从而使链接位置略微偏移,这看起来不太好。通常我会假设它只是一个禁用边框/轮廓(我不能确定是哪一个)和填充:active样式的情况。但到目前为止,我没有喜乐。

我想张贴发生了什么的截图给你一个更好的主意,但因为这个问题发生时,这是不可能的。这些链接在桌面上都很好,还可以在最小化的桌面窗口上复制移动浏览,但不在设备本身上。

我的直觉告诉我,它与.ui-btn-inner类。由于JQuery Mobile为页面上的不同元素分配自动类。但是,我不能100%地这样做。如果以前有人遇到过这个问题,你可以点亮一下吗?

任何意见,将不胜感激。

快速截屏样机,概述了问题

Black border with annotation

+0

一个小屏幕截图会很酷,而不是截图。 – digitalextremist

+0

@digitalextremist最快的方法是什么? – Adam

+0

在Mac上,使用Quicktime屏幕记录。在Windows上,使用Jing。在Linux上,目前不知道。 – digitalextremist

回答

0

OK,似乎终于想通了这个问题,由于大量的试验和错误的,但到底到了那里。似乎是在ui-shadow的JQuery特定类中的投影。所以只需要摆脱这一点。

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