【问题标题】:How to turn off link effect on iPhone/iPod/iPad (CSS)?如何关闭 iPhone/iPod/iPad (CSS) 上的链接效果?
【发布时间】:2013-01-25 18:49:57
【问题描述】:

信息:当您在 iPad/iPod/iPhone 上单击链接时,我想您已经看到这个黑框出现在链接周围。如果没有,请单击一个链接,当新页面加载时,您会看到它出现并消失。

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

问题是,即使我使用 p-tags,当你点击它时,iPad 也会在链接周围显示这个烦人的黑框。黑框有助于告诉用户他们实际上在加载下一页时设法点击了链接,但是这个 web 应用程序从 localStorage 加载内容,所以不需要这个让 GUI 混乱的框...

这个盒子怎么去掉?

【问题讨论】:

  • @reinder 因为它们不充当链接,它们只是改变应用程序的状态。
  • 即便如此,段落标签的选择还是一个谜。如果它只是改变状态,它仍然是用户执行的操作,所以 A 标记仍然有意义。
  • 好的,但这意味着我必须阻止所有默认浏览器操作。

标签: iphone css ipad web-applications ipod


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2016-05-21
    • 2013-08-05
    • 2012-10-03
    • 1970-01-01
    • 1970-01-01
    • 2011-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多