🤺 学习 - 伪类选择器 hover 移动端的表现

SLYLXDYMJ

字数：131 字

时长：1 分钟

用 hover 实现模拟 select，移入显示 option，移出隐藏 option，
在做移动端适配时，在 safari 游览器中发现了 bug，
做这种效果移动端还是尽量用 JS 绑定 class 的方式实现吧。🙃

效果图

移动端 safari 的奇怪表现

• 必须是 a 元素才能触发 :hover。
• 将元素修改成了 a 之后，点击页面其他处无法失去 :hover 焦点，除非点击其他 按钮 或 input。

解决方案

• 使用 js 事件加 class 的方式实现