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

时间:2017-06-14 20:32:29

标签: firefox bootstrap-slider

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

此问题也出现在demo page(仅限Firefox)上。

问题可以在下图中看到:

The problem can be seen in the image below

我试过了this solution,但它没有用。

更新:它只发生在Firefox中,而不是Chrome。

1 个答案:

答案 0 :(得分: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 */      
}