在不影响布局的情况下增大内联链接的可点击区域

我希望使链接的可点击区域比实际的可访问性更大，因为对于目标用户来说，点击它们可能很困难。大约 1.5 倍的尺寸可能比较合适。这些是普通文本中的链接，因此我实际上无法将它们放大，这会弄乱布局。

我利用 HTML5、CSS3、JS 甚至 Mozilla 的特定功能来完成此任务，因为最新的 Firefox 版本是唯一的目标，尽管基本的 CSS/HTML 而不是此类 hack 当然会更好！

一种可能有效的选择是使用:after伪元素。像这样的事情：

a {
    position: relative
}
.bigger:after{
    content:"";
    padding: 50px;  
    position: absolute;
    left: -25px;
    top: -25px;
} 

数字可以根据需要进行调整。我能立即看到的唯一缺点是您是否需要支持 IE8 之前的任何内容。http://caniuse.com/#feat=css-gencontent http://caniuse.com/#feat=css-gencontent

这是一个fiddle http://jsfiddle.net/WD8Yh/1/.