小編給大家分享一下css怎么禁止選中頁面內(nèi)容，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站專注于深澤網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供深澤營銷型網(wǎng)站建設(shè)，深澤網(wǎng)站制作、深澤網(wǎng)頁設(shè)計、深澤網(wǎng)站官網(wǎng)定制、小程序制作服務(wù)，打造深澤網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供深澤網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

css禁止選中頁面內(nèi)容的方法：首先使用p標(biāo)簽創(chuàng)建多行文字，并添加class屬性；然后編寫標(biāo)簽，將樣式放入標(biāo)簽內(nèi)；接著將【user-select】屬性設(shè)置為none；最后在瀏覽器打開【test.html】文件即可。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

css禁止選中頁面內(nèi)容的方法：

新建一個html文件，命名為test.html，用于講解css怎么讓頁面上的內(nèi)容不能被選中。

在test.html文件內(nèi)，使用p標(biāo)簽創(chuàng)建多行文字，用于下面進行測試。

在test.html文件內(nèi)，給p標(biāo)簽添加一個class屬性，用于通過該class設(shè)置p標(biāo)簽的css樣式 。

在test.html文件內(nèi)，編寫標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)。

在css標(biāo)簽內(nèi)，通過class(testpp)設(shè)置頁面文字的css樣式，將user-select屬性設(shè)置為none，實現(xiàn)頁面內(nèi)容不被選中效果。

user-select屬性對部分低版本瀏覽器可能存在不兼容問題，因此，可以添加兼容的樣式提高代碼的兼容性。代碼如下：

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

以上是“css怎么禁止選中頁面內(nèi)容”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！