Chrome putting editing text mark on my hamburger menu or button

Viewed 35

I am working on react app project and i noticed that after click on hamburger menu i am getting that editing text mark like this: Screenshot 1 or like this Screenshot2.


It's also visible on some button when clicked, inside button text i am getting this editing mark. I tested it on firefox and edge, and there is ok, this happens only in chrome.

So my question is how i can disable this in app, is there any css property or smth ? Ty for all soulutions :)

1 Answers

On buttons and other elements users can interact with you will want to apply a user-select CSS rule.

user-select: none;
Related