a:hover伪类在ios移动端浏览器内点击无效的解决方法

安卓页面可以打开，苹果端hover上去打不开；hover的没有方法没有激活；

a:hover 设置的样式在ios系统的浏览器内显示不出来，看来在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。

代码如下：

document.body.addEventListener('touchstart',function(){});

或者给body添加ontouchstart

<body ontouchstart>

原链接：https://blog.csdn.net/xjtarzan/article/details/53337927

转载于:https://www.cnblogs.com/fengyuzhen34/p/9175126.html

a:hover伪类在ios移动端浏览器内点击无效的解决方法相关推荐

Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...
bug说明: Mint-ui中loadmore(上拉加载下拉刷新)组件在使用fastclick的情况下 ,在ios设备中滑动会触发点击事件: 解决方法: 我是按需引入,去项目中找到loadmore ...
Hover伪类在IE6中的实现
鼠标滑过行,行改变颜色可以使用javascript写,onmouseover,onmouseout,也可以使用css2的伪类hover,但是ie6对伪类支持的不好,需要变换一下思路,要么使用javas ...
CSS:hover伪类使用
CSS:hover伪类使用 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 开发工具与关键技术:Adobe Dreamwe ...
Css3中hover伪类的用法
在css3中,hover伪类是鼠标移到元素上时,会为此元素添加特殊的样式的方法,还可以为其他元素添加特殊的样式. 内部代码详情,见截图: 以及输出截图: 在截图中我们可以看到,当我把鼠标移入类denl ...
鼠标的移入、移出事件与css中的hover伪类
开发工具与关键技术:html+css+js 作者: 李伙撰写时间: 2019年1月19日鼠标的移入.移出事件是一个模仿悬停事件(鼠标移入到一个对象上以及移出这个对象)的方法,当鼠标移动到一个匹配的 ...
html css hover事件,用:hover伪类代替js的hover事件_html/css_WEB-ITnose
制作二级菜单要实现鼠标移动上去显示子菜单,鼠标移出子菜单隐藏,或者其他类似需求的地方,首先我会想到用jquery的hover事件来实现,如: $(".nav").hover(fun ...
css选择器、hover伪类
一.css选择器使用css选择器基本流程: 1.制作所需的选择器,并在其中写入样式. 2.将选择器绑定到指定的HTML标签上. 1)class选择器 class选择器 :用 . 来标示自身, 自定义 ...
检索 COM 类工厂中 CLSID 为 {10020200-E260-11CF-AE68-00AA004A34D5} 的组件时失败,解决方法如下：...
检索 COM 类工厂中 CLSID 为 {10020200-E260-11CF-AE68-00AA004A34D5} 的组件时失败,解决方法如下: 第一步:首先将msvcr71.dll, SQLD ...
基于继承类的属性模版中无法绑定的原因和解决方法
原文:基于继承类的属性模版中无法绑定的原因和解决方法这个的晚上想学学WPF 做一个类似于ERP 左边菜单.构思一下思路 ...... 创建一个类基于Expander类. 1 public class ...

a:hover伪类在ios移动端浏览器内点击无效的解决方法

a:hover伪类在ios移动端浏览器内点击无效的解决方法相关推荐

最新文章

热门文章