CODEWITHSUNDEEP
css
user658768
user658768

Reputation:

How to avoid text selection in web page using css?

I am developing a web application and want to block selection of any text on the web page for the user. Personally I do not like add any Javascript for this. Is it doable using CSS only?

Thanks in advance.

Upvotes: 0

Views: 243

Answers (1)

Salman Arshad
Salman Arshad

Reputation: 272296

I believe there are css3 rules (e.g. the user-select property) but at the time of writing they are not supported in all browsers. If you're looking for tricks, here is one:

Create an overlay DIV that is same size as the disabled DIV and place it over the disabled DIV using CSS positioning. You can use simple CSS or fall back to JavaScript if you have problems in calculating width, height or position. This could be annoying for the user by the way.

demo here

Upvotes: 2

Related Questions