Question

我在# # Samsung Accessory SDK Proguard Rules # # Keep relationship between inner and outer classes -keepattributes InnerClasses # Keep any SASocket implementation and its constructors -keep class * extends com.samsung.android.sdk.accessory.SASocket { <init>(...); } # Keep the Accessory SDK's IInterface and Binder classes -keep class com.samsung.accessory.api.* extends android.os.Binder { *; }和border-radius; xx上都尝试了#my-element，但它无效。

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

Answer 1

只要您的鼠标进入元素范围内，就会触发悬停事件。

border-radius不会更改元素的可暂停区域的半径，但会更改元素的默认方角的圆角效果。

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

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

#elementBIG:hover #originalElement {...}

此示例的HTML随后变为：

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

Answer 2

您是否尝试将目标元素包装在动态大小的div中，并将填充设置为您尝试实现的悬停MOE（误差范围） - 然后将div ID定位为悬停？ - 有点hacky但不确定你怎么能达到这个效果。

Answer 3

你想要这样吗？

通过使用伪，当鼠标通过悬停效果进入边界时，它不会来回翻转。

使用伪保存原始元素大小，您不需要额外的元素，您可以轻松地使悬停区域更大。

div {
  position: relative;
  display: inline-block;
  padding: 10px;
  border: 2px solid red;
}

div:before {
  content: "";
  position:absolute;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
}

div:hover {
  border-radius: 50%;
}

<div>HOVER ME</div>

增加悬停检测半径

3 个答案: