Как избежать выделения текста синим при нажатии на фон родителя?

Question

[Ingernirated]

Всем привет!
Подскажите, как разрулить ситуацию.
На картинке стоят стрелочки
Схема

<dv>
<p><</p>
<p>></p>
</div>

При двойном щелчке или быстрым нажатием, иногда и просто периодический, на их родительский div стрелочка выделяется.
Как избежать этого?

Answer 1

[Dymok]

https://codepen.io/UnluckySerivelha/pen/ejmjBv

Comments

[Ingernirated]

спасибо!

Answer 2

[alex]

user-select: none;

Comments

[Ingernirated]

спасибо!

[Ingernirated]

Подскажи ещё пожалуйста, как избежать нажатия на родительский блок при нажатии на его дочерний ?
Ставлю z-index, но не помогает.
Просто на родителя стоит функция и на стрелочки тоже и выходит, что нажимая на стрелочку, срабатывает и родительский и они конфликтуют.

[alex]

Ingernirated, для стрелок попробуйте e.stopPropagation()

[Moskus]

Ingernirated, лучше переделайте вёрстку.