css - 增加悬停检测半径

标签 css

我已经尝试过border-radius; xx两者#my-elementa:hover#my-element ,但它不起作用。

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

最佳答案

当鼠标进入元素范围内时,就会触发悬停事件。

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

如果您想增强元素的可覆盖区域,我建议您将其放入一个尺寸较大的元素内,然后检测该元素的 hover 事件。

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

#elementBIG:hover #originalElement {...}

此示例的 HTML 变为:

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

关于css - 增加悬停检测半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33946416/

相关文章:

css - 如何删除 Laravel 元素中的 twbs 文件夹?

javascript - 在完整日历中使用随机颜色生成器使背景颜色等于边框颜色

css - 如何创建一个圆锥形状的响应式 div

html - CSS:使 Flexbox 布局静态化

html - 如何在我的 SharePoint 网页上创建图像按钮

javascript - 当 float 元素在视口(viewport)之外时,如何获取它的左偏移量?

html - CSS元素的位置

HTML 文档高度不会拉伸(stretch)到视口(viewport)的全高

css - Bootstrap 子菜单比父菜单项宽

css - 使 Bootstrap 导航栏始终折叠