首页 >

css如何不被选中 |css 不允许键盘输入

css rgba 滤镜,css列表右对齐,css 设置大小比例缩放,浅蓝色背景 css,css3基点怎么设置,css实现方式那种有优势,css 不允许键盘输入css如何不被选中 |css  不允许键盘输入
/*使用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如何使某个元素不被选中的方法啦!希望对大家有所帮助。


css如何不被选中 |css  不允许键盘输入
  • css3元素设置为隐藏 |css表格中文字居中
  • css3元素设置为隐藏 |css表格中文字居中 | css3元素设置为隐藏 |css表格中文字居中 ...

    css如何不被选中 |css  不允许键盘输入
  • css加遮盖层 |css3导航栏透明
  • css加遮盖层 |css3导航栏透明 | css加遮盖层 |css3导航栏透明 ...

    css如何不被选中 |css  不允许键盘输入
  • css伪类控制怎么用 |径向渐变的css样式
  • css伪类控制怎么用 |径向渐变的css样式 | css伪类控制怎么用 |径向渐变的css样式 ...