CSS中怎么禁止選中文字

CSS中怎么禁止選中文字，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

語法

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+ */</p> <p>    /* No support for these yet, use at own risk */
   -o-user-select: none;
   user-select: none;          
}

IE兼容性

目前在IE 10以及IE 10以上版本的瀏覽器可以使用-ms-user-select這個規(guī)則，但在更早版本的IE，我們只能通過javascript實現(xiàn)禁止選中文本：

代碼如下:

$(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;
});

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。