请参阅：Chrome开发人员工具中的悬停状态

2018-06-06 14:35:22

我希望看到:hover我在Chrome中徘徊的锚点的:hover风格。在Firebug中，有一个样式下拉列表，允许我为元素选择不同的状态。我似乎无法在Chrome中找到任何类似内容。我错过了什么吗？

现在你可以看到两个伪类规则并强制它们在元素上。

要查看如下规则:hover在“样式”窗格中，单击右上角的小:hov文本。

切换元素状态

要强制元素进入:hover状态，请右键单击它。

强制元素状态

Chrome开发人员工具快捷方式中元素面板上的其他提示。

这有点棘手，但这里有：

右键单击元素，但不要将鼠标指针从元素上移开，并将其保持悬停状态。

通过键盘选择检测元素，如点击箭头，然后按Enter键。

查看匹配的CSS规则下的开发者工具，你应该可以看到：hover。

PS：我在你的一个问题标签上试过。

我想看看我的Bootstrap工具提示上的悬停状态。在Chrome开发工具中强制使用：悬停状态工具没有创建所需的输出，但通过控制台触发mouseenter事件在Chrome中取得了诀窍。如果jQuery存在于页面上，您可以运行：

$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');

强制悬停或鼠标输入Bootstrap Tooltips

链接地址: http://www.djcxy.com/p/20465.html