css -::-moz-selection & jcarousel - 试图修复双击选择

Question

我有一个 jcarousel，双击下一步按钮会导致图像以蓝色突出显示，仅在 Chrome 上。

::selection { background: white;}
::-moz-selection {background: white;}

这修复了它，但意味着人们无法选择(或者更确切地说，看到您正在选择)网站任何其他部分的文本。

我的 jcarousel 在里面:

<ul id='product-id-232-carousel' class='product-carousel jcarousel-skin-tango'>

所以我尝试了几种变体:

ul.product-carousel::selection { background: white;}
ul.product-carousel::-moz-selection {background: white;}

尝试将白色选择 b/g 限制为仅 jcarousel 但没有任何效果。

谢谢，凯文

找到解决方案:

将轮播包裹在一个 div 中并应用这种样式:

.carouselnoselect{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none;
    }

Answer 1

这与 ::selection 无关，与您的轮播插件没有正确阻止事件的默认操作有关。

在 jcarousel 的某处，您应该找到一个用于滚动到下一个或上一个元素的点击处理程序。它应该有 e.preventDefault() 或类似的东西，但根据你所说的，我猜它没有。