扩大可点击区域

使用伪元素,伪元素在4个方向上都比宿主元素大

 1 button{
 2 position:relative;
 3 // 其他样式
 4 }
 5 
 6 button::before{
 7 content:"";
 8 position:absolete;
 9 top:-10px;
10 left:-10px;
11 bottom:-10px;
12 right:-10px;
13 }

不会干扰其他的效果,可以把区域设置为任何大小,任何位置。

 

posted @ 2017-09-18 16:02  Evo1uti0n  阅读(137)  评论(0编辑  收藏  举报