本文小編為大家詳細介紹“css3如何禁止表格選擇高亮”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“css3如何禁止表格選擇高亮”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
為湖口等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及湖口網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為網(wǎng)站設計、成都網(wǎng)站制作、湖口網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
在css3中,可以利用“user-select”屬性禁止表格選擇高亮顯示,該屬性用于規(guī)定是否能選取元素的文本,能夠阻止雙擊文本時文本被選取或高亮顯示的行為,只需將該屬性的值設置為none即可,語法為“元素{user-select: none;}”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
user-select 屬性規(guī)定是否能選取元素的文本。
在 web 瀏覽器中,如果您在文本上雙擊,文本會被選取或高亮顯示。此屬性用于阻止這種行為。
語法如下:
user-select: auto|none|text|all;
auto 默認。如果瀏覽器允許,則可以選擇文本。
none 防止文本選取。
text 文本可被用戶選取。
all 單擊選取文本,而不是雙擊。
示例如下:
禁止選擇高亮:
100 | 200 | 300 |
400 | 500 | 600 |
未禁止選擇高亮:
100 | 200 | 300 |
400 | 500 | 600 |
輸出結果:
讀到這里,這篇“css3如何禁止表格選擇高亮”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。