firefox - 在 Firefox 中拖动引导 slider handle 时阻止文本选择

Question

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

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