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; 的时候,大家需要权衡好使用场景并谨慎设置。