css3怎麼禁止表格選擇高亮
- WBOY原創
- 2022-06-14 15:47:281874瀏覽
在css3中，可以利用「user-select」屬性禁止表格選擇高亮顯示，該屬性用於規定是否能選取元素的文本，能夠阻止雙擊文本時文本被選取或高亮顯示的行為，只需將該屬性的值設為none即可，語法為「元素{user-select: none;}」。
本教學操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。
css3表格怎麼設定高亮禁止
user-select 屬性規定是否能選取元素的文字。
在 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>輸出結果：
以上是css3怎麼禁止表格選擇高亮的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn