CSS 中有一種特性叫做 user-select ,它可以控制用戶在網頁上的選中操作,其中包括選中文字、圖片等內容。當我們需要讓網頁上的文字不被選中時,我們可以使用 user-select:none; 進行設置。
p{ -webkit-user-select:none; /* Chrome, Safari, Opera */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer/Edge */ user-select:none; /* Standard syntax */ }
使用上述代碼后,用戶點擊文本就無法選中了。
需要注意的是,在某些場景下使用這種特性可能會影響用戶體驗。例如,在一些網頁應用中,用戶可能需要復制一些重要內容進行保存,但是如果我們禁止了選中操作,用戶就無法完成這個操作。
因此,在使用 user-select:none; 的時候,我們需要權衡好使用場景并謹慎設置。
上一篇css 點擊彈出菜單
下一篇css 點擊事件被擋住