CSS 扩大可点击区域(热区)

html-css012

CSS 扩大可点击区域(热区),第1张

目的: 想给一个简单的小按钮扩大其热区在四个方向上均向外扩张10px

解决方案:

可以将伪元素设置为任何尺寸位置或形状甚至是脱离原来的位置

案例如下，或者参考网址 play.csssecrets.io/hit-area

原文

<input name="" type="button" value="按钮" style="width:200pxheight:200px"/>

这是行内样式 再接在按钮里面添加

style="width:200pxheight:200px这是宽和高

纯css实现。这个小圆点应该是一个a标签：

a{

width: 6px

height: 6px

float: right

margin-right: 6px

background-color: black

border-radius: 50%

}

a:hover{

width: 12px

height: 12px

}