问题出现原因

[1] 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>
.

问题解决方案

<body ontouchstart=""></body>

<script> document.body.addEventListener('touchstart',function(){},false);</script>

css :active 伪类 Safari Mobile 无效问
问题出现原因 https://developer.mozilla.org/en-US/docs/Web/CSS/:...
移动端遇到的问题
1. 伪类 :active 生效要CSS伪类 :active 生效，只需要给 document 绑定 touch...
伪类:active在iOS移动端无效的问题
By default, Safari Mobile does not use the :active state ...
CSS中超链接伪类link,visited,hover,acti
超链接标签的CSS伪类包括link,visited,hover,active。 1. a伪类解释： link：设置...
::before和::after伪元素的用法
css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:tar...
CSS伪类与伪元素简单了解
CSS 伪类 CSS 伪类用于向某些选择器添加特殊的效果。 :active | 向被激活的元素添加样式。 :foc...
伪类link,hover,active,visited,focu
伪类link,hover,active,visited,focus的区别例一： /css/a:link{colo...
::before 和 :after 中双冒号和单冒号有什么区别？
在 CSS 中伪类一直用 : 表示，如 :hover, :active 等伪元素在CSS1中已存在，当时语法是用...
React 手机端没有:active伪类的解决办法
手机端是没有:active伪类，如果要像PC端一样显示:active的CSS效果的话，给元素添加onTouchEn...
网页适配移动端问题总结，持续更新
兼容性 CSS伪类:active 如果你想使用元素的伪类来实现按下激活状态，那么你需要知道以下问题： iOS上...