How to disable "selecting text" in my button

Question

I have issue . I create pretty button but If I hover it , I can mark that text like on the photo? How I can fix that?

(im newbie).

Thanks

[My button1

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select — marekful, Mar 25 '18 at 13:58
Hi there solution with ::after selector. Check under https://stackoverflow.com/questions/28152175/a-wavy-underline-in-css — Kris, Mar 25 '18 at 14:07

score 0 · Answer 1 · answered Mar 25 '18 at 14:02

0

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

<p>You should be able to select this text.</p>
<Button class="unselectable">Hey, you can't select this text!</Button>

answered Mar 25 '18 at 14:02

Lovepreet Singh

doesn't work for me this way. My code: – Piotrek Borkowski Mar 25 '18 at 14:07
for submit button input type should be `submit` instead of `submit1` – Lovepreet Singh Mar 25 '18 at 14:10
I have already submit with other settings . What I should do If I want add new one? – Piotrek Borkowski Mar 25 '18 at 14:13
This might work for you `` – Lovepreet Singh Mar 25 '18 at 14:16
maybe other way. Why If I add class="test" to my input and add .test { top:5000px; } in .css nothing happens ? ;/ – Piotrek Borkowski Mar 25 '18 at 14:25

1 Answers1