Home/ Questions/Q 9074093
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T18:33:43+00:00

This question has long bothered me from time to time. When we crate a

  • 0

This question has long bothered me from time to time.

When we crate a paragraph/list/span within a div, we expect users to be able to select only the text, instead of the entire horizontal block on the webpage.

But when I create a webpage, what I get when selecting text is below:

enter image description here

Is there anyway to limit users’ range of selection through html or CSS? Or is it the way I structure the divs that causes the problem?

The ideal situation:

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It looks like only Chrome creates a full-page-width selection like on a pic. 1. Firefox, Opera, and IE 10 deal with it like on a pic. 2. (Check yourself.)

    There is a non-standard CSS property which may give the expected result: user-select: element (supported by Webkit, Firefox, and IE 10 with respected prefixes);
    it restricts selection to the bounds of the selected element. However there is no use of it: Webkit doesn’t support element value, and other browsers already work like you want.

    Update

    Looks like float: left or position: relative "fix" text selection in Chrome. (See fiddle.)

    • 0