I use the slider (input type range). The thing is that it is 1px on the layout and everything is perfect, just click on it is very difficult, you need to get into this very 1px. Can you please advise how to increase its area?

  • add him padding'om this zone. input [type = range] :: - webkit-slider-thumb {padding: 10px; } - Kirill

1 answer 1

Without a code, I can suggest adding an invisible before (tint with color so that you can see the area, you just need to remove this color):

 .link { position: relative; display: block; margin:50px auto; height: 1px; width: 1px; background: pink; cursor: pointer; } .link:before { content: ''; position: absolute; display: block; top: -15px; left: -15px; right: -15px; bottom: -15px; background: rgba(255, 0, 0, 0.06);//цвет убрать } 
 <a class="link" href="#"></a>