CSS - Stop Highlighting Div Element On Double Click

CSS – Stop highlighting div element on double click

In this post we will give you information about CSS – Stop highlighting div element on double click. Hear we will give you detail about CSS – Stop highlighting div element on double clickAnd how to use it also give you demo for it if it is necessary.

we are going to learn about how to stop the highlighting when we double click on a div element using CSS.

Consider, that we have the following div element in our HTML:

&lt;div&gt;   &lt;p&gt;      Lorem Ipsum is simply dummy text of the printing      and typesetting industry. Lorem Ipsum has been the      industry's standard dummy text ever since the 1500s.   &lt;/p&gt;&lt;/div&gt;

if we double click on a div element in the browser, it will be highlighted by default to prevent that behavior follow the below tutorial.

To stop the highlighting div element on a double click, we can set the css property user-select to a value “none”.

Here is an example:

&lt;div &gt;   &lt;p&gt;      Lorem Ipsum is simply dummy text of the printing      and typesetting industry. Lorem Ipsum has been the      industry's standard dummy text ever since the 1500s.   &lt;/p&gt;&lt;/div&gt;

.disable-text-selection{   -moz-user-select:none; /* firefox */   -webkit-user-select: none; /* Safari */   -ms-user-select: none; /* IE*/   user-select: none; /* Standard syntax */}

In the example above, we have added the browser prefixes for the user-select property, so it works the same in all browsers.

The user-select css property controls the behavior of a text selection for the HTML elements.

By setting a user-select property with the value none, we can disable the text selection highlighting on a html elements.

In case, if you want to stop the highlighting for an entire webpage instead of a particular element, you can add the below CSS properties to your body tag.

body {   -moz-user-select:none; /* firefox */   -webkit-user-select: none; /* Safari */   -ms-user-select: none; /* IE */   user-select: none; /* Standard syntax */}

Hope this code and post will helped you for implement CSS – Stop highlighting div element on double click. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github