扩大可点击区域

Posted 2020-10-07 Evo1uti0n

使用伪元素，伪元素在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 }

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