ui-widget 的奇怪 css 行为：在 iPhone 上处于活动状态

【问题标题】：Weird css behaviour for ui-widget :active on iPhoneui-widget 的奇怪 css 行为：在 iPhone 上处于活动状态
【发布时间】：2012-12-13 13:40:54
【问题描述】：

场景：

这些页面上没有 jquery-ui js，所以根本没有带有 .ui-* 的元素。删除一行甚至不应该被解析的 css 怎么会导致这种行为？

【问题讨论】：

wtf 是对的。你的问题是什么？
对不起。为了清楚起见，编辑了问题。
这个问题不能像解释的那样回答，因为我们不知道所有的细节。您是否尝试过使用开发人员工具查看 .ui-widget :active 类是否被应用？ link
我现在无法访问 XCode 环境，因此无法在 iphone 级别进行调试。我唯一知道的是，提到的选择器会以某种方式禁用某些元素的触摸功能。我希望有人可能知道这是否是一种已知行为。

【解决方案1】：

这种情况也发生在我身上。使用 iframe 嵌入 youtube 视频。示例：

<iframe class="media-youtube-player" width="510" height="290" src="{$url to youtube}" frameborder="0" allowfullscreen></iframe>

在 ipad 上的 safari 中，点击视频没有任何反应。我还通过我的代码一分为二，发现从 jquery.ui.theme.css:

.ui-widget :active { outline: none; }

解决了问题。

我也尝试将行修改为：

.ui-widget :active {  }

这也会导致问题。这意味着选择器本身会破坏 ipad 中的视频。

我还尝试用 :active 替换 .ui-widget :active 选择器，这也是导致视频无法播放。

所以，这就是修复...删除该选择器！

以及出现在.ui-widget 内的活动元素上的轮廓，您需要更具体地定位。

【讨论】：