您现在的位置是:首页 > 技术杂文前端杂文

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:

很赞哦! ()