<>css Increase element click range

Sometimes the page design button is small , Or because the area of the element is not suitable for placement , You can use the technique of strange sex (css) Increase the trigger range of click event .
For example, there is a button in the page
<text id="gl1" bindtap="{{lettering}}"></text>
css code :
#gl1{ text-align: center; width: 24rpx; height: 24rpx; position: absolute; top:
50%; left: 22rpx; border-left: 4rpx solid #FFFFFF; border-bottom: 4rpx solid #
FFFFFF; -webkit-transform: translate(0,-50%) rotate(-135deg); transform:
translate(0,-50%) rotate(45deg); } #gl1::before{ content:""; position:absolute;
top:-20rpx; left:-20rpx; bottom:-20rpx; right:-20rpx; }
css Pseudo classes in can increase the trigger range of element events , But it does not affect the arrangement of page elements , This is a practical trick of pseudo class

©2019-2020 Toolsou All rights reserved,
( Essence )2020 year 7 month 21 day ASP.NET Core Use of global filters python read , write in txt Text content mybatis Return result mapping of series vs2017, establish C++Win32 Windows Forms Application Vue Transfer parameters and receiving of page Jump Result Encapsulation of return result information ( Essence )2020 year 7 month 15 day Wechat applet assembly Component Use of ( Essence )2020 year 6 month 26 day C# Class library Log help class Vue + Element-ui Drop down box for el-select Get extra parameters Three methods of value transfer between non parent and child components