ios - Phonegap CSS :focus 和/或 :active on button 不起作用

Question

我.btn:focus{}在浏览器中使用和完美运行我也.btn:active尝试过，但是当我在 ios 模拟器中启动 phonegap 时，它也不起作用：focus 和：active，怎么了？

html:

<button type="button">Asd button</div>

CSS：

button:focus,button:active{ background:pink;}

Answer 1

您无法在 iOS 中测试按钮的焦点，因为您无法在 iOS 中对按钮进行对焦，这不像您可以像使用桌面操作系统那样使用键盘来切换它，因此焦点仅适用于触摸输入设备。

至于活动，活动状态应该可以工作，但可能会因等待重新渲染直到触摸设备结束或代码中的错误而延迟。由于必须将在桌面设备上执行的操作转换为触摸环境，因此模拟器的行为并不总是与 iOS 完全相同。