这时候，你可以使用hover伪类使a的整个盒模型生效。
.link a{display:blockpadding:2px 10px}
/*这样，a标签的范围就是文字上下各扩出2px左右各扩出10px/*
然后
.link a:hover{background:#newcolor}
就能实现你要的效果。
你所说的不要点击效果，要记住lovehate的前后顺序，以及各自代表的意义。
hover即onmouse的效果，active是点击效果。
目的: 想给一个简单的小按钮扩大其热区在四个方向上均向外扩张10px
解决方案:
可以将伪元素设置为任何尺寸位置或形状甚至是脱离原来的位置
案例如下，或者参考网址 play.csssecrets.io/hit-area
原文
resize属性的具体用法可见MDN： https://developer.mozilla.org/zh-CN/docs/Web/CSS/resize实现左右拖拽改变大小时：
HTML
此时的div会出现滚动边框，此时可拖拽的区域只有右下角的一小块。
此时需要将这个区域扩大可进行如下设置。
此时内部文字就被隐藏了，在实际使用时可以通过设置兄弟元素展示文字。
HTML:
CSS
效果链接： http://js.jirengu.com/voleracixe/2/edit
