Disable Text Selection Highlighting Using CSS


There is a code snippet in CSS3 to disable text selection by user.
Code below is cross-browser and might work well on all of the latest browsers like Chrome, Firefox, Safari and IE10+.

1. Disable Text Selection Highlighting Of Whole Page

*{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

2. Disable Text Selection Highlighting Of Specific Element (e.g.: A Div) 

.unselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
<div class="unselectable"> ...</div>


More Information can be found at below link :
https://developer.mozilla.org/en-US/docs/Web/CSS/user-select?redirectlocale=en-US&redirectslug=CSS/user-select

Comments

Post a Comment

Popular posts from this blog

Show Full Post on Front Page of Ghost, Not Excerpt

Image
I love writing about the Ghost platform. Its simple and just focused on blogging and that's why I love this platform. Some bloggers like to show full posts on homepage instead of post excerpts . By default Ghost(with default theme) displays excerpts on homepage. However if you would like to show full posts and not excerpts on the front page on your blog there is an easy way to change from excerpts to full posts on Ghost Homepage. Show full posts on Ghost Homepage : Tutorial Its very easy if you have access to your ghost blog by ftp/sftp or have Ghost hosted on your computer. you just have to be able to edit the index.hbs file. First open the index.hbs file. Find the above code: < section class="post-excerpt" > < p>{{ excerpt }}… » < /section > Replace it with: < section class="post-content" > {{ content }} < /section > You are done now, just save and restart Ghost. Warning: If you are displaying too much pos
Read more

Video Blogger Templates

Image
Many bloggers aim to create video blogging websites. Blogger is best place to start for any company or individuals. Today we are sharing free seo optimized video blogger templates. Some of the templates are best for adding videos from YouTube, Vimeo and DailyMotion. VIDEO BLOGGER TEMPLATES 1.  BlogTube Professional Video Template BlogTube is a Professional Responsive Video Blogger Template designed for video sites, video blog video portal. This template will help you to setup a professional video site quickly. It is inspired by popular websites including YouTube, Vimeo and Dailymotion. No two opinions to say that it is the most powerful Video Blogger theme ever. It is fast, responsive, minimal and packed with tons of features required to set up a professional video site. 2.  Videoism Blogger Template. Videoism is a professional video hosting blogger template designed for video site and video blog portal. This template would help everyone in setting up a professiona
Read more

5 Beautiful Dark Blogger Templates

Image
Are you tired of looking at the default templates that Blogger provides? We decided to search for some of the different-looking beautiful dark Blogger templates and found these 5 cool dark blogger templates. Eclipse Dark theme that brings werewolves to mind. An enchanting template for the dark souls.Theme is designed beautifully with extra dark colors and glitter. Limax Another beautiful dark blogger template with striking colors. Butterfly Magic Another dark colors collection in this butterfly nagic blogger theme Xenon Xenon is a free dark blogger template adapted from WordPress with 2 columns, left sidebar and posts thumbnails. Cooperate Cooperate is a free blogger template adapted from WordPress with 2 columns, right sidebar, slideshow, social bookmarking icons, posts thumbnails, tabs, drop down menu and a background pattern. Excellent layout for blogs about any general topic. So we have given you 5 Cool Dark Blogger Templates, Now it;
Read more