javascript - 我使用 Chosen 插件在选择中添加了箭头，但它无法正常工作

Question

我使用了 Chosen 插件，我添加了多个箭头。我设置了高度来选择，如果选择了多个元素，它会自动显示滚动条。

现在，当显示滚动条时，如果我滚动滚动条，箭头就会消失。

我想要滚动条显示的时候。如果滚动条向下滚动，箭头将一直显示在输入的右侧。

我试了很多方法都不行，因为图片使用了position: absolute属性

这是我的代码:

.chosen-container-multi.chosen-container ul.chosen-choices::after{

        background: url(https://image.ibb.co/cdSC2e/Select_Arrow.png) center center no-repeat !important;
        width: 33px;
        height: 50px;
        content: " ";
        position: absolute;
        /*position: fixed; */
        right: 9px;

}

http://jsfiddle.net/hv0d46b8/19/

有什么想法吗？

Answer 1

你已经在对应于 UL 的伪元素中添加了箭头，但应该对应于 UL 的父 div 调用

Working jsfiddle

.chosen-container-multi.chosen-container::after{

        background: url(https://image.ibb.co/cdSC2e/Select_Arrow.png) center center no-repeat !important;
        width: 33px;
        height: 100%;
        content: " ";
        position: absolute;
        /*position: fixed; */
        right: 14px;
        top: 0px;

}