Css 增加悬停探测半径

我试过

边界半径；xx

在

#我的元素

和

a:悬停#我的元素

，但它不工作

---

在css中设置悬停检测半径的正确方法是什么？

您是否尝试将目标元素包装在一个动态大小的div中，并将填充设置为您试图达到的悬停MOE（误差范围）的量-然后将悬停的div ID作为目标？-有点粗糙，但不确定如何才能达到这种效果。

鼠标一进入元素的边界，就会触发悬停事件

边框半径

不会更改图元可悬停区域的半径，但会更改图元默认方形角的圆角效果

如果你想增强你的元素的可覆盖区域，我建议你把它放在一个更大的元素中，大小你喜欢，然后你检测这个元素的悬停事件

当然，因为CSS是一个很棒的工具，所以您可以使用以下选择器更改悬停元素中元素的样式：

#elementBIG:hover #originalElement {...}

该示例的HTML随后变为：

<div id="elementBIG">
    <div id="originalElement"></div>
</div>

你想要这样吗

通过使用pseudo，当鼠标通过悬停效果离开边界时，它不会来回翻转

另外，使用伪元素可以保持原始元素的大小，不需要额外的元素，并且可以轻松地使悬停区域变大

div{
位置：相对位置；
显示：内联块；
填充：10px；
边框：2倍纯红；
}
部门：以前{
内容：“；
位置：绝对位置；
前-20%；
左-20%；
宽度：140%；
身高：140%；
}
div:悬停{
边界半径：50%；
}

将鼠标悬停在我身上