禁止选中文字兼容IE、Chrome、FF等

要禁止选中文字，可以使用CSS属性user-select。这个属性可以设置为none或text，分别表示禁止或允许选中文字。但要注意，这个属性在不同浏览器中的兼容性不一样。

方法一：使用伪元素（:before或:after）

使用伪元素可以禁止选中指定元素内的文字。在原元素上加上position: relative，然后使用:before或:after来选择伪元素，将其position设为absolute，并铺满整个元素，并使用user-select:none来禁止选中。

示例代码如下：

.no-select {
  position: relative;
}

.no-select:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  user-select: none;
}

这种方法在IE9以及更早版本不支持。

方法二：使用JavaScript

如果要兼容更多浏览器，我们可以使用JavaScript来禁止选中文字。通过在DOM元素上监听mousedown和selectstart事件，并调用函数来禁止选中即可。

示例代码如下：

<div id="no-select">
  禁止选中的文字
</div>

<script>
  var noSelectEl = document.getElementById('no-select');
  noSelectEl.onmousedown = function(e) {
    e.preventDefault();
  };
  noSelectEl.onselectstart = function() {
    return false;
  };
</script>

这种方法在所有现代浏览器中都有效，但要注意，在移动端上不太可行，因为移动端会响应touchstart事件。要兼容移动端，需要加入对touchstart事件的处理。

以上两种方法都可以实现禁止选中文字，可以根据实际情况选择。