IE11下div内问答控件禁止点击与复制失效，CSS方案无效求助

我太懂你的困扰了——pointer-events: none在IE11里对非SVG元素的支持确实拉胯，尤其是你同时要处理文本防复制和表单控件禁用的场景。下面给你一套兼容IE11的完整方案，分两部分精准解决问题：

1. 彻底禁用RadioButtonList的交互 #

直接给单选按钮加disabled属性是最靠谱的方式，这在所有浏览器（包括IE11）里都能稳定生效，而且连关联的label点击也不会触发单选按钮：

<div id="divmain" unselectable="on">
  <label for="radio1">选项1</label>
  <input type="radio" id="radio1" name="radioGroup" disabled>
  
  <label for="radio2">选项2</label>
  <input type="radio" id="radio2" name="radioGroup" disabled>
</div>

如果你的RadioButtonList是后端生成的（比如ASP.NET控件），可以直接通过代码批量禁用：

// ASP.NET示例：一键禁用整个RadioButtonList
RadioButtonList1.Enabled = false;

这样后端会自动给每个生成的单选按钮加上disabled属性，关联的label也会同步失效，不用手动改每个控件。

2. 禁止div内所有内容被复制 #

IE11对CSS的user-select支持需要加专属前缀，还要配合HTML属性unselectable="on"才能彻底锁死文本选中行为，CSS代码如下：

#divmain {
  /* 现代浏览器通用 */
  user-select: none;
  /* IE11及更早版本专属 */
  -ms-user-select: none;
  /* 兜底兼容其他旧浏览器 */
  -moz-user-select: none;
  -webkit-user-select: none;
}

/* 强制子元素继承不可选中属性，IE11必须单独设置 */
#divmain * {
  user-select: none;
  -ms-user-select: none;
  unselectable: on;
  -moz-user-select: none;
  -webkit-user-select: none;
}

这里的unselectable="on"是IE特有的属性，配合CSS前缀写法，能确保div里的文本、label等所有内容都无法被选中复制。

为什么不用单一的pointer-events？ #

因为IE11里pointer-events: none只对SVG元素完全支持，对于HTML元素（比如div、label），它只能阻止点击事件，但拦不住文本选中和复制操作。所以必须结合上面两种方案，才能同时实现禁用单选按钮交互和禁止内容复制的双重需求。

内容的提问来源于stack exchange，提问作者priya thapliyal