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

Question

考虑:

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

将鼠标悬停在单选按钮或标签上时,单选按钮会突出显示.不同的浏览器以不同的方式突出显示它,但它看起来像默认行为 现在让我们说有一个

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

在页面的其他地方.当鼠标悬停在div#bla？时,有没有办法触发单选按钮的默认突出显示？

编辑:为了澄清,我希望"触发"一个元素的原生":hover"伪类,这是不可能的. 规格

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）。这不可能。有关更多详细信息，请参阅此问题。