相关疑难解决方法(0)

对于像按钮一样的锚点(例如,Stack Overflow页面顶部的问题,标签,用户等)或标签,如果用户意外选择了文本,是否有一种CSS标准方法来禁用突出显示效果？

我意识到这可以通过JavaScript来完成,并且有点谷歌搜索产生了仅Mozilla -moz-user-select选项.

是否有符合标准的方法来实现CSS,如果没有,那么"最佳实践"方法是什么？

jQuery或jQuery-UI是否具有禁用给定文档元素的文本选择的任何功能？

我在HTML页面上有一个div,每当我按下鼠标并移动它时,它会显示"不能掉落"光标,就像选择一些东西一样.有没有办法禁用选择？我试过CSS用户选择没有成功.

如何在不使用传统方法e.stopPropagation(底部相关问题)的情况下阻止文本选择？
是否有一个电话,我可以说"不突出任何突出显示"？

我将鼠标事件绑定在文档上,因为页面中有大约一百个[或多或少]元素,我希望彼此进行交互.

我没有将事件绑定到元素的原因是因为当鼠标离开元素时,所有鼠标事件都会停止触发.我需要绑定到文档以正确观看鼠标事件.

使用传统方法(下面的链接)的方法的问题是,在触发侦听器时,具有文本的元素已经评估了鼠标事件.

我的代码适用于Chrome.以下问题适用于Firefox.

相关问题: 如何使用光标拖动阻止文本/元素选择
这里讨论了防止冒泡到文本元素:

if(e.stopPropagation) e.stopPropagation();
if(e.preventDefault) e.preventDefault();
e.cancelBubble=true;
e.returnValue=false;
return false;

我使用select标签创建了一个多选列表框,如下面Angular 5中的代码所示.

<select multiple id="MySelect">
      <option>I am Option 1</option>
      <option>I am Option 2</option>
      <option>I am Option 3</option>
      <option>I am Option 4</option>
      <option>I am Option 5</option>
      <option>I am Option 6</option>
      <option>I am Option 7</option>
      <option>I am Option 8</option>
      <option>I am Option 9</option>
    </select>

现在,问题是我可以将鼠标拖到选择框上而不选择任何实际选项,因为它看起来像下面的图像.

从该图像中,可以得出结论,在此列表框中选择了所有前三个选项,但实际情况并非如此.要删除此拖动功能,我添加上的mousedown和鼠标移动事件的preventDefault()函数提到这里.

添加preventDefault()修复了这个问题,但又出现了另一个问题.问题是,在列表框中选择一个或多个选项时,所选选项的背景颜色为灰色而不是默认蓝色,当我在Chrome中检查时,它显示:

select:-internal-list-box option:checked {
    background-color: -internal-inactive-list-box-selection;
    color: -internal-inactive-list-box-selection-text;
}

为了覆盖这种颜色,我使用了!important和颜色名称,但没有用.

有人可以告诉我解决这个问题的有效方法是什么,以便禁用拖动选择并且所选项目的颜色为蓝色？如果不可能,那么有人可以告诉我在Angular中使用替代组件的替代组件吗？