css盒子禁止被选中

CSS中可以使用user-select属性来控制页面中元素的选中状态。通过设置不同的值，可以实现禁止或允许元素被选中。

例如，当设置user-select为none时，禁止元素被选中：

div {
  -webkit-user-select: none;
 /* Safari 3.1+ */
  -moz-user-select: none;
 /* Firefox 2+ */
  -ms-user-select: none;
 /* IE 10+ */
  user-select: none;
}
 

这里使用了浏览器厂商前缀来保证兼容性，同时在最后加上了不带前缀的user-select属性，以防一些新的浏览器不支持前缀。

注意，虽然设置了user-select为none，但是其仍然可以被JavaScript或其他方式选中。

如果要禁止所有元素被选中，可以在body元素上设置user-select属性：

body {
  -webkit-user-select: none;
 /* Safari 3.1+ */
  -moz-user-select: none;
 /* Firefox 2+ */
  -ms-user-select: none;
 /* IE 10+ */
  user-select: none;
}
 

使用上述CSS代码可以轻松地实现页面中元素的选中控制。