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

Question

我用的是Chosen插件，我添加了多个箭头。我将高度设置为 select，如果多个项目被 selected，它会自动显示滚动条。

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

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

我试了很多方法都不行，因为图片使用了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;

}

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

I added the arrow in the select with Chosen plugin But it does not work properly

javascript

css

jquery

less

jquery-chosen