伪元素可以代表其宿主元素来响应鼠标交互。
我们可以在按钮的上层覆盖一层透明的伪元素，并让伪元素在四个方向上都比宿主元素大出 10px：
button {
position: relative;
/* [其余样式] */
}
button::before {
content: '';
position: absolute;
top: -10px; right: -10px;
bottom: -10px; left: -10px;
}
这个基于伪元素的解决方案极为灵活，我们基本上可以把热区设置为任何想要的尺寸、位置或形状，甚至可以脱离元素原有的位置！
注意: 由::before 和::after 生成的伪元素 包含在元素格式框内， 因此不能应用在替换元素上， 比如<img>或<br> 元素。
摘自《CSS Secrets》
无他,添加伪类最靠谱 --by Affandi ⊙▽⊙
问题 把“按钮”的点击区域放大一些 答案 使用 ::before 或者 ::after`` 伪元素，利用 rela...
伪元素可以代表其宿主元素来响应鼠标交互。我们可以在按钮的上层覆盖一层透明的伪元素，并让伪元素在四个方向上都比宿主元...
之前有个需求，按钮很小会很难点到，于是就需要扩大点击区域，一个UIButton的分类和runtime能很好解决问题...
参考自印第安的老斑鸠 参考了很多的文章，主要是有三个方法： 例如：按钮的大小是25pt * 25pt，想要的点击范...
导语 在工作中，经常创建一些视图(比如button)，这时button很小，点击时，总感到不精准，有时我们会在这个...
当设计图上的给出按钮尺寸较小，我们将对应的资源文件放入UIButton中，比如只有12x12pt，在真机调试中会发...
思路：建一个UIbutton分类，结合runtime更改按钮点击响应区域 实现代码： .h //// UIButt...
目的: 想给一个简单的小按钮扩大其热区在四个方向上均向外扩张10px 解决方案: 常规的解决方案可能是设置一圈透明...
本文标题：CSS：扩大可点击区域
本文链接：https://www.haomeiwen.com/subject/rcrnhftx.html
网友评论