当前位置: 首页 > 面试题库 >

:active伪类在移动浏览器中不起作用

鲜于承基
2023-03-14
问题内容

在iPhone / iPad / iPod上的Webkit中,<a>点击元素时不会触发为标签的:active伪类指定样式。我该如何触发?示例代码:

<style> 
a:active { 
    background-color: red;
}
</style>
<!-- snip -->
<a href="#">Click me</a>

问题答案:





仅应用了一次,而不是每个按钮元素都可以修复页面上的所有按钮。另外,您可以使用这个名为’Fastclick’的小型JS库。它可以加快触摸设备上的点击事件,也可以解决此问题。



 类似资料:
  • 问题内容: 如何使元素位置固定在 移动浏览器(iOS和Android)中 ?元素仍在ios <5和android <4中使用以下代码滚动 问题答案: 在大多数的旧版本中不工作和。我已经在大多数移动浏览器中尝试了此修复程序,并且没有任何插件即可正常运行。 采用

  • 我试图打开应用程序(数字钱包应用程序)直接从网络浏览器(如果是移动)。 我已经提到了以下链接 在Android浏览器中创建链接启动我的应用程序? 从android浏览器启动自定义android应用程序 为您提供信息,我正在努力将支付网关(数字钱包)集成到我的网站中,该网站有一种类似二维码(扫描和支付)的支付类型,另一种是deep app link,所以我正在实施的是,如果是网站,则支付类型将是二维

  • 问题内容: 我在移动设备(Bootstrap2)上的Bootstrap菜单下拉菜单中遇到问题。这里使用下拉按钮也提出了类似的问题,但是答案是引导程序中的一个固有错误,该错误已在更新中解决。我似乎遇到了同样的问题,所以可能是因为我的标记问题? 我有一个带有下拉菜单的可折叠导航栏,所有功能在桌面浏览器上均能完美运行。但是,在移动设备上,当您单击下拉菜单时,下拉菜单将打开,但是单击任何下拉链接将仅再次折

  • 问题内容: 我在使用SWT浏览器组件时遇到了一些麻烦。我正在运行带有Sun的Java SE 1.6的Ubuntu 11.04 AMD64和Eclipse 3.7 我的问题是我的浏览器无法初始化。当我使用SWT.NONE标志实现时,出现错误 然后当我尝试使用SWT.MOZILLA标志时,我得到 我怀疑这部分是因为我正在使用XULRunner2,但是我更喜欢使用WebKit,在Eclipse 3.7中

  • 我有一个很奇怪的问题...在每个浏览器和移动版本中,我都遇到了这种行为: 当您加载页面时,所有浏览器都有一个顶部菜单(例如,显示地址栏),当您开始滚动页面时,该菜单向上滑动。 100vh有时只在视区的可见部分计算,因此当浏览器栏向上滑动时,100vh会增加(以像素为单位) 由于尺寸已更改,所有布局重新绘制并重新调整 对用户体验的不良影响 如何才能避免这个问题?当我第一次听说viewport-hei

  • 问题内容: 在我制作的html页面中,我尝试使用html和css使div可点击。在一些主要的浏览器(Chrome,Firefox,Opera,Safari)以及HTC手机中,该功能都可以完美运行,但是当我尝试在Iphone上对其进行测试时,我发现它根本无法正常工作。复选框本身甚至无法选择。 这是我的代码(除了在Iphone上工作): HTML: CSS: 因此,正如您所看到的,我使用的技术基本上只