Как убрать бэкграунд гамбургера при нажатии в мобильной версии?

Question

[Underdoggit]

Всем привет, на мобильной версии при нажатии на гамбургер появляется мерзкий бэкграунд, похоже срабатывает выделение элементов на мобильной версии. Как убрать этот шедевр?
https://goreska.github.io/cat_energy/

Comments

[Underdoggit]

VicTHOR, не работает. Так как это не фон, где-то в доках встречал давным давно что так ведет себя элемент, при попытке выделения, т.е отрабатывает на уровне движка браузера.
background-color: transparent не работает
PS: Данное явление в браузере Хром, в мозиле этого выделения нет, но есть oubline и border который тоже пытаюсь убрать префиксами.

[Underdoggit]

VicTHOR, У меня на Хроме последней версии идет выделение, на мозиле последней версии выделения нет, но по всему периметру идет ontline\border, который не могу убрать даже префиксом

.hamburger {
    border: 0 !important;
    outline: none !important;
  }

  .hamburger::moz-focus-inner {
    border: 0 !important;
    outline: none !important;
  }

[Underdoggit]

VicTHOR, Это все есть на элементе, если посмотреть через Devtools

[Underdoggit]

VicTHOR, Это гамбургер от Hamburgers . Сейчас копну глубже. Может каскадом получится перебить.

[Underdoggit]

VicTHOR, Окей, сейчас переверстаю

Answer 1

[Сергей delphinpro]

html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

Comments

[Underdoggit]

Вы лучший, Сергей) выделение в хромовых движках пропало, можно еще один вопрос? На gecko\мозила не убирается outline - даже с префиксами

[Сергей delphinpro]

Underdoggit, для outline не нужны префиксы.

[Underdoggit]

Сергей delphinpro, Я не про сам outline, а про

.hamburger::moz-focus-inner
        border: 0 !important
        outline: none !important
        outline-offset: 0
        user-select: none

на webkit outline убирает, на gecko - не помогает.

[Underdoggit]

Сергей delphinpro,

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

Помогло вот это