html – 增加按钮的可点击区域

前端之家收集整理的这篇文章主要介绍了html – 增加按钮的可点击区域前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
没有找到任何实际的代码只是在这个方向的正确方向.

反正有没有增加按钮的目标区域但不增加它的大小?例如,我可以有效地在按钮周围添加一个5-10px的区域,仍然可以算作单击按钮.

我所看到的所有方法增加了我不想做的按钮的实际大小,因为这会将其他元素推到位.我唯一的另一个想法是让任何可以确定最接近的可点击元素的点击的监听器,如果它在5-10px之内就会触发它.

解决方法

您可以添加一个伪元素(:在/之前),但要小心,因为附近的两个链接可能会以这种方式重叠.
<a href="your-link-here" class="big-link">some link text</a>

a.big-link{position:relative;}
a.big-link:before{
    position:absolute;
    content:'';
    top:-10px;
    right:-10px;
    left:-10px;
    bottom:-10px;
}

演示于http://jsfiddle.net/kq8pq/2/

原文链接:https://www.f2er.com/html/232118.html

猜你在找的HTML相关文章