如何关闭iPhone / iPod / iPad(CSS)上的链接效果?

时间:2013-02-10 15:06:37

标签: iphone css ipad web-applications ipod

信息:我猜你在iPad / iPod / iPhone上点击链接后会看到这个黑盒子出现。如果没有,请单击一个链接,当新页面加载时,您将看到它显示并消失。

我有一个将在所有平台上使用的webapp。我使用p-tags作为链接,因为我不想要很多a-tag默认功能和外观,并且链接是通过JavaScript执行的。

问题在于即使我使用p-tag,当你点击它时,iPad会在链接周围显示这个恼人的黑盒子。黑暗框有助于告诉用户他们实际设法在下一页加载时点击链接,但是这个webapp从localStorage加载了东西,所以没有必要让这个框弄乱GUI ...

如何删除此框?

1 个答案:

答案 0 :(得分:4)

您使用段落(p-tags)进行链接的原因对我来说完全是个谜。您可以通过CSS控制样式,无论它是什么标记。 P标签用于段落,A标签用于链接。这是我能想到的HTML语义中最基本的东西。

您所指的框是“-webkit-tap-highlight-color” 见http://css-infos.net/property/-webkit-tap-highlight-color