首页 > 其他 > 详细

扩大可点击区域

时间:2017-09-18 16:08:06      阅读:263      评论:0      收藏:0      [点我收藏+]

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

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

 

扩大可点击区域

原文:http://www.cnblogs.com/Evo1uti0n/p/7543568.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!