CSS settings page content cannot be selected

By CSS

When browsing the web, you will encounter some text you want to copy that cannot be selected

If we want to achieve this effect, we only need to set a css for the label containing this part of the text Attribute

user-select:none

But the lower version of IE browser is invalid. To achieve this effect, you can use the tag attribute onselectstart="return false;"< /code>to achieve

 <div class="test">

 You can't get me

 div>

 .test {

 user-select: none

 }

Write this way, the text displayed on the page cannot be selected

In order to use multiple browsers, you can write like this, But IE also needs to implement inline attributes

 .test {

 -webkit-user-select: none;

 -moz-user-select: none;

 -ms-user-select: none;

 user-select: none;

 }

 <div class="test">

 You can't get me

 div>

 .test {

 user-select: none

 }

 .test {

 -webkit-user-select: none;

 -moz-user-select: none;

 -ms-user-select: none;

 user-select: none;

 }

, , , , ,

WordPress database error: [Table 'yf99682.wp_s6mz6tyggq_comments' doesn't exist]
SELECT SQL_CALC_FOUND_ROWS wp_s6mz6tyggq_comments.comment_ID FROM wp_s6mz6tyggq_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 5698 ORDER BY wp_s6mz6tyggq_comments.comment_date_gmt ASC, wp_s6mz6tyggq_comments.comment_ID ASC

Leave a Comment

Your email address will not be published.