javascript - 以编程方式触发浏览器对 HTML 输入的默认悬停效果

Question

考虑:

<input type="radio" id="a"/>
<label for="a">Hello</a>

当您将鼠标悬停在单选按钮或标签上时，单选按钮会突出显示。不同的浏览器以不同的方式突出显示它，但它看起来像是默认行为。现在假设有一个

<div id="bla">blabla</div>

页面上的其他地方。将鼠标悬停在 div#bla 上时，是否有任何方法可以触发单选按钮的默认突出显示？

编辑: 澄清一下，我想“触发”元素的原生“:hover”伪类，这是不可能的。 Spec

Answer 1

仅供引用

通过不同的浏览器规范你的悬停效果:

input[type='radio']:hover{
//add your css here
}

你也可以使用 :active, :checked, :before, :after 添加更多样式。

回答您的问题

您的问题需要使用一些 javascript 来处理悬停效果。

$('#bla').hover(function(){
  $(":radio").css(//add your rules here);
});

编辑:

我的解决方案需要使用 CSS。你想要得到的是给一个元素添加一个伪类(:hover)。这是不可能的。参见 this SO 问题以获取更多详细信息。