在 Firefox 中拖动 bootstrap-slider 句柄时防止文本选择

Question

我在单个页面上使用带有两个滑块的 bootstrap-slider。我的问题是，如果我在拖动鼠标的同时将鼠标拖离手柄，则页面中的文本会被选中。

demo page（仅限 Firefox）也存在此问题。

问题如下图所示：

我尝试了 this solution 但没有用。

更新：它只发生在 Firefox 中，而不是 Chrome。

Answer 1

将此用于所有浏览器：

.slider .tooltip-inner {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}

在 Firefox 中拖动 bootstrap-slider 句柄时防止文本选择

prevent text selection when dragging bootstrap-slider handle in Firefox

firefox

bootstrap-slider