css3如何禁止表格選擇高亮

本文小編為大家詳細介紹“css3如何禁止表格選擇高亮”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“css3如何禁止表格選擇高亮”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

為湖口等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及湖口網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計、成都網(wǎng)站制作、湖口網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

在css3中，可以利用“user-select”屬性禁止表格選擇高亮顯示，該屬性用于規(guī)定是否能選取元素的文本，能夠阻止雙擊文本時文本被選取或高亮顯示的行為，只需將該屬性的值設(shè)置為none即可，語法為“元素{user-select: none;}”。

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

css3表格設(shè)置高亮禁止

user-select 屬性規(guī)定是否能選取元素的文本。

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

語法如下：

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

auto 默認。如果瀏覽器允許，則可以選擇文本。

none 防止文本選取。

text 文本可被用戶選取。

all 單擊選取文本，而不是雙擊。

示例如下：

<!DOCTYPE html>
<html>
<head>
<style> 
.tb1{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
</style>
</head>
<body>
<p>禁止選擇高亮：</p>
<table border="1" class="tb1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>
<p>未禁止選擇高亮：</p>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>
</body>
</html>

輸出結(jié)果：

css3如何禁止表格選擇高亮

讀到這里，這篇“css3如何禁止表格選擇高亮”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前標題：css3如何禁止表格選擇高亮
網(wǎng)頁地址：http://bm7419.com/article32/goeopc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、域名注冊、商城網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站策劃、面包屑導(dǎo)航

廣告

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

營銷型網(wǎng)站建設(shè)