CSS禁用文本选择

前端之家收集整理的这篇文章主要介绍了CSS禁用文本选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前,我已将其放在body标记中以禁用文本选择:
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

但是,我的输入和textarea框现在是不可选择的。我如何才能使这些输入元素可选,其余的不可选?

解决方法

不要将这些属性应用于整个身体。将它们移动到类并将该类应用于要禁用的元素select:
.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

猜你在找的CSS相关文章