css如何禁止文章內(nèi)容復(fù)制

本篇內(nèi)容主要講解“css如何禁止文章內(nèi)容復(fù)制”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css如何禁止文章內(nèi)容復(fù)制”吧!

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、汾陽網(wǎng)絡(luò)推廣、微信小程序、汾陽網(wǎng)絡(luò)營銷、汾陽企業(yè)策劃、汾陽品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供汾陽建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：jinyejixie.com

在css中，可以利用user-select屬性來實(shí)現(xiàn)禁止復(fù)制文章內(nèi)容效果，只需給文本元素添加“user-select:none;”樣式即可。user-select屬性用于設(shè)置或檢索是否允許用戶選中文本，當(dāng)該屬性的值設(shè)置為“none”時(shí)可讓文本元素?zé)o法被鼠標(biāo)選取，進(jìn)而可實(shí)現(xiàn)禁止復(fù)制文本的效果。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

一般網(wǎng)頁上可復(fù)制的文字都會(huì)出現(xiàn)下面的I 狀光標(biāo)

css如何禁止文章內(nèi)容復(fù)制

如果不想讓復(fù)制文本，通過設(shè)置CSS 的 user-select就可以達(dá)到目的。

user-select屬性設(shè)置或檢索是否允許用戶選中文本。user-select的默認(rèn)值是 text，可以選擇文本。

在 web 瀏覽器中，如果您在文本上雙擊，文本會(huì)被選取或高亮顯示。此屬性用于阻止這種行為。

語法：

user-select: auto|none|text|all;

值	描述
auto	默認(rèn)。如果瀏覽器允許，則可以選擇文本。
none	防止文本選取。
text	文本可被用戶選取。
all	單擊選取文本，而不是雙擊。

只需要給文本元素添加“user-select:none;”樣式，讓文本元素?zé)o法被鼠標(biāo)選取，即可實(shí)現(xiàn)禁止復(fù)制文本效果。

因?yàn)閡ser-select屬性是css3規(guī)范中新增的一個(gè)功能，有兼容性問題，因此對(duì)于不同瀏覽器要加前綴。

禁止復(fù)制文本的寫法：

-moz-user-select:none; /* Firefox私有屬性 */

-webkit-user-select:none; /* WebKit內(nèi)核私有屬性 */

-ms-user-select:none; /* IE私有屬性(IE10及以后) */

-khtml-user-select:none; /* KHTML內(nèi)核私有屬性 */

-o-user-select:none; /* Opera私有屬性 */

user-select:none; /* CSS3屬性 */

效果（現(xiàn)在是這種箭頭光標(biāo)）：

css如何禁止文章內(nèi)容復(fù)制

示例：禁止文本被選中，實(shí)現(xiàn)禁止復(fù)制文本功能

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
.test{
padding:10px;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
background:#eee;}
</style>
</head>
<body>
<div onselectstart="return false;" unselectable="on">選擇我試試，你會(huì)發(fā)現(xiàn)怎么也選擇不到我，哈哈哈哈</div>
</body>
</html>

css如何禁止文章內(nèi)容復(fù)制

到此，相信大家對(duì)“css如何禁止文章內(nèi)容復(fù)制”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

新聞名稱：css如何禁止文章內(nèi)容復(fù)制
文章鏈接：http://jinyejixie.com/article16/jjiggg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、企業(yè)建站、手機(jī)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

css如何禁止文章內(nèi)容復(fù)制