您现在的位置是:首页 > 技术杂文前端杂文
CSS利用伪元素扩大可点击的范围
阿龙2022-02-23【前端杂文】人已围观
有时你的按钮很小,这可能导致用户无法准确点击按钮,用伪元素扩大可点击的范围
例如:
例如:
<button id="btn">btn</button>
<style>
#btn::before {
content: "";
position: absolute;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
}
</style>
Tags:
很赞哦! ()
随机图文
JS将24小时格式转换为12小时
var dt = new Date();var hours = dt.getHours(); // 以24小时格式给出值var minutes = dt.getMinutes() ;var finalTime = "Time - " + hours + ":" + minutes;//finalTimeCSS盒子水平居中的六种方法
方法一:定位居中.child{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;}方法二:margin居中.child{position:absolute;margin:auto;top:0;left:0;ri