怎么在css中實現(xiàn)內(nèi)容不可選?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的鶴峰網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
css實現(xiàn)內(nèi)容不可選的方法:首先新建一個html文件;然后使用p標(biāo)簽創(chuàng)建多行文字,并給p標(biāo)簽添加一個class屬性;最后通過“class(testpp)”設(shè)置頁面文字的css樣式,并將“user-select”屬性設(shè)置為none即可。
新建一個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)的效果。
總結(jié):
1、在css樣式中,將user-select屬性設(shè)置為none,實現(xiàn)內(nèi)容不可被選中。
2、為了提高樣式的兼容性,可以同時使用“-webkit-user-select:none;-moz-user-select:none-ms-user-select:none;”來設(shè)置頁面內(nèi)容的樣式。
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。