CSS中怎么禁止选中文字

CSS中怎么禁止选中文字,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

成都创新互联是一家专注于网站制作、网站设计与策划设计,自贡网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:自贡等地区。自贡做网站价格咨询:18980820575

语法

Formal syntax: none | text | all | element

代码如下:


(-prefix-)user-select: none;
(-prefix-)user-select: text;
(-prefix-)user-select: all;
(-prefix-)user-select: element;

示例

代码如下:


.row-of-icons {
   -webkit-user-select: none;  /* Chrome all / Safari all */
   -moz-user-select: none;     /* Firefox all */
   -ms-user-select: none;      /* IE 10+ */

   /* No support for these yet, use at own risk */
   -o-user-select: none;
   user-select: none;          
}

IE兼容性

目前在IE 10以及IE 10以上版本的浏览器可以使用-ms-user-select这个规则,但在更早版本的IE,我们只能通过javascript实现禁止选中文本:

代码如下:


$(el).attr('unselectable','on')
.css({'-moz-user-select':'-moz-none',
   '-moz-user-select':'none',
   '-o-user-select':'none',
   '-khtml-user-select':'none', /* you could also put this in a class */
   '-webkit-user-select':'none',/* and add the CSS class here instead */
   '-ms-user-select':'none',
   'user-select':'none'
}).bind('selectstart', function(){
   return false;
});

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章题目:CSS中怎么禁止选中文字
文章源于:http://ybzwz.com/article/jsodjp.html