增加按钮的可点击区域

Question

没有找到任何实际的代码只是在这个方向的正确方向.

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

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

Answer 1

你可以添加一个伪元素(:after/ :before),但要小心,因为附近的两个链接可能会以这种方式重叠.

<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/