在 Firefox 中拖动引导滑块句柄时阻止文本选择

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 */      
}