【发布时间】:2025-11-30 14:35:01
【问题描述】:
我注意到,有时如果一个元素在移动浏览器上为其:hover 状态定义了css 规则,则只要元素具有焦点,就会应用这些规则。这是预期的行为吗?
【问题讨论】:
我注意到,有时如果一个元素在移动浏览器上为其:hover 状态定义了css 规则,则只要元素具有焦点,就会应用这些规则。这是预期的行为吗?
【问题讨论】:
根据 W3,:hover 在“某个指针设备”放置在元素上时应用:
:hover 伪类在用户指定元素时应用 (使用一些指点设备),但不激活它。例如,一个 当光标(鼠标 指针)悬停在元素生成的框上。用户代理不 支持交互媒体不必支持这个伪类。 一些支持交互式媒体的符合标准的用户代理可能不是 能够支持这个伪类(例如,笔设备)。
W3 src
所以,不,:hover 可能不支持,并且在某些移动设备上不支持。
您应该改用:focus。
Does css hover work on mobile devices?
【讨论】: