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

时间:2014-03-13 11:37:26

标签: css jcarousel

我有一个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;
    }

1 个答案:

答案 0 :(得分:0)

这与::selection无关,而且与您的轮播插件无关,无法正确阻止事件的默认操作。

jcarousel中的某个位置,您应该找到一个点击处理程序,用于滚动到下一个或上一个项目。它应该有e.preventDefault()或类似的内容,但是根据你所说的我猜它不会。