Phonegap CSS :focus 和/或 :active on button 不起作用答案

【问题标题】：Phonegap CSS :focus and/or :active on button not workingPhonegap CSS :focus 和/或 :active on button 不起作用
【发布时间】：2013-10-23 10:35:40
【问题描述】：

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

html：

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

css:

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

【问题讨论】：

您如何尝试在 iOS 中聚焦非输入元素？我不知道什么会构成基于触摸的操作系统中的焦点按钮。
@Owen'Coves'Jones 用鼠标点击按钮
@Owen'Coves'Jones 无法使用模拟器测试焦点和活动状态？ ://

标签： ios css cordova focus

【解决方案1】：

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

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

【讨论】：