Как увеличить зону клика ссылки?

332

08 августа 2017, 13:57

Использую ползунок (input type range).Дело в том, что по макету он в 1px и все идеально, только вот кликнуть по нему очень сложно, надо попасть в этом самый 1px. Можете, пожалуйста, посоветовать как увеличить его зону?

Answer 1

Без кода, могу предложить добавить невидимый before(подкрасила цветом, чтобы видно было область, вам этот цвет просто убрать нужно):

.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);//цвет убрать 
}