Is it possible for a user to select text on a web page using a mobile browser?

Question

Is it possible for a user to select text on a web page using a mobile browser? With the CSS property "user-select: all" the whole text will be highlighted, but I also want to allow selecting specific words without assigning the property everywhere. See the code example below in order to see what I tried so far.

.all {
  -moz-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

<p>You should be able to select this text.</p>
<p class="all">Clicking once will select all of this text.</p>

That one works only when the user selects text using mouse! If you wanted to highlight the text! you need to use color property in css — lost_in_magento
– lost_in_magento, Commented Oct 21, 2021 at 13:54
"I also want to allow highlighting specific words without assigning the property everywhere" By this, do you just mean the default selection capabilities, as in your first <p> tag without the "all" class? — GetOffMyLawn
– GetOffMyLawn, Commented Oct 21, 2021 at 15:21

GetOffMyLawn · Accepted Answer · 2021-10-21 15:28:51Z

1

Is it possible for a user to highlight text on a web page using a mobile browser?

Yes, if you navigate to the Mozilla page for user-select on your mobile device, you can see it in action. There's also a list of compatibility across browsers: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

Alternatively, I tried running this in Firefox' responsive design mode using the touch simulation featur and "touching" the bottom text (with the "all" class applied) produces the same effect as clicking it on the desktop.

answered Oct 21, 2021 at 15:28

GetOffMyLawn

1,4625 gold badges17 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is it possible for a user to select text on a web page using a mobile browser?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related