jquery 光滑的旋转木马复制/粘贴

Question

我在 web 页面中使用光滑的轮播来传递表单数据和信息。

但是我需要能够在轮播中显示 select 文本。 我以为通过将 draggable 设置为 false 我可以 select 文本，但是 cursor 形状更改为文本 cursor 但我仍然不能 select 文本。

有办法解决吗？

我正在这样配置：

    $('.carousel').slick({
    prevArrow: '.btn-prev-cand',
    nextArrow: '.btn-next-cand',
    dots: false,
    speed: 500,
    infinite: true,
    accessibility: true,
    adaptiveHeight: false,
    arrows: true,
    centerMode: false,
    variableWidth: false,
    draggable: false,
    swipeToSlide: false
});

Answer 1

尝试在CSS中覆盖它

.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.slick-list.draggable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

您描述的问题是一个已知问题- 选择/突出显示文本＃826

Answer 2

尝试将设置“ swipe”设置为false以禁用滑动并查看文本光标。

Answer 3

同事Martin的回答很好，但是目前浏览器支持文本功能，所以根本不需要使用moz webkit o

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility

只写就够了

.slick-list.draggable 
{
  user-select: text;
}

另外，没有必要写

.slick-list.draggable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

写上面的代码就够了