значок делает кнопку неактивной

Question

У меня есть кнопка, на которой у меня есть иконка поиска с абсолютным позиционированием. Кнопка отлично работает по краям, но не на иконке. Кнопка не может быть нажата для всей части значка поиска.

код для размещения значка

.custom-position {
right: 32px;
position: absolute;
top: 27%;}

Возможно ли это сделать кнопку нажатой в местах, где значок занимает место?

Answer 1

Вы можете попробовать добавить: pointer-events: none к вашей иконке / изображению.

Пример:

.custom-position {
  right: 32px;
  position: absolute;
  top: 27%;
  pointer-events: none;
}

документы указателя-событий