【问题标题】:is hover treated as focused on mobile browsers悬停被视为专注于移动浏览器
【发布时间】:2025-11-30 14:35:01
【问题描述】:

我注意到,有时如果一个元素在移动浏览器上为其:hover 状态定义了css 规则,则只要元素具有焦点,就会应用这些规则。这是预期的行为吗?

【问题讨论】:

    标签: css mobile


    【解决方案1】:

    根据 W3,:hover 在“某个指针设备”放置在元素上时应用:

    :hover 伪类在用户指定元素时应用 (使用一些指点设备),但不激活它。例如,一个 当光标(鼠标 指针)悬停在元素生成的框上。用户代理不 支持交互媒体不必支持这个伪类。 一些支持交互式媒体的符合标准的用户代理可能不是 能够支持这个伪类(例如,笔设备)。
    W3 src

    所以,不,:hover 可能不支持,并且在某些移动设备上不支持。
    您应该改用:focus
    Does css hover work on mobile devices?

    【讨论】: