/*使用User-Select属性*/ .not-selectable { -webkit-user-select: none; /* Safari 兼容性 */ -moz-user-select: none; /* Firefox 兼容性 */ -ms-user-select: none; /* IE10+ 兼容性 */ user-select: none; /* 标准语法 */ }
使用CSS中的user-select
属性可以帮助大家达到这个目的。这个属性是可以设置为none
的,这样就可以阻止用户选择页面中的某个元素。而且,使用这个属性时,大家不用担心它会影响到其他文本的选择性。
另外,大家还可以使用JavaScript来实现某个元素不被选中的效果:
//JavaScript实现 document.getElementById("not-selectable").onselectstart = function() { return false; }
在这段JavaScript代码中,大家使用了onselectstart
属性,并将它设置为一个函数。当用户在这个元素上进行选取时,该函数就会返回一个false
值,这样就阻止了用户对此元素的选择。同样地,这个方法也不会影响到其他文本的选择性。
以上就是CSS如何使某个元素不被选中的方法啦!希望对大家有所帮助。