By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body>.
意思在iOS设备上，需要在关联的元素，或其上级元素，或body/html元素上注册一个空的touchstart回调。
getElementById('myView').addEventListener('touchstart', () => {});
// or
document.body.addEventListener('touchstart', () => {});
<div v-on:touchstart="() => {}"> xxx </div>
<div onTouchStart={() => {}}> xxx </div>
。
By default, Safari Mobile does not use the :active state ...
CSS有一个:active伪类，点击后反馈给用户点击了某一块内容，经常适用于移动端，而IOS是不支持:active...
active伪类在PC端的作用为鼠标点击到放开时给元素添加样式用，呈现目标被点击的激活状态。写法也很简单 但是直接...
在做项目是需要用到 :active 发现失效，解决办法如下：
兼容性 CSS伪类:active 如果你想使用元素的伪类来实现 按下激活 状态，那么你需要知道以下问题： iOS上...
移动端a链接在点击时会有默认的蓝色背景，如下图 第一反应会想到修改 :hover, :active 这些伪类样式，...
解决:hover 伪类在移动端二次点击的问题 用 css 写出的 hover 效果，在移动端，需要点击触发，但是在...
手机端是没有:active伪类，如果要像PC端一样显示:active的CSS效果的话，给元素添加onTouchEn...
日期：2019年 12 月 17 日 ios 移动端 focus 无效 问题分析 focus() 是 jQuery...
选择器 image.png 伪类&伪元素伪类:active向被激活的元素添加样式,a:active 必须被置于 a...
本文标题：伪类:active在iOS移动端无效的问题
本文链接：https://www.haomeiwen.com/subject/eulcuhtx.html
网友评论