javascript - jquery-chosen 插件 - 在所选项目上显示 'X'

Question

我正在使用 jquery-chosen 插件。它是一个多选列表框。它工作正常。但我希望所选项目在项目旁边有一个“X”，以便用户可以根据需要删除它。默认操作是退格。哪个属性包含每个选定项目的“X”？这是我的 jquery 代码:

<script type="text/javascript">
     $(document).ready(function () {
         $(".chosen-select").chosen({
             search_contains: true,
             no_results_text: "Sorry, no match!",
             single_backstroke_delete: false,
             allow_single_deselect: true
         });
         $('.chosen-container').css('width', '600px');
    });

这是我的列表框代码:

 <asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
                    data-placeholder="Choose recipient(s)…" class="chosen-select">                       
        </asp:ListBox>

目前，我正在使用属性“single-backstroke-delete”，但我希望在所选值旁边有一个“X”。你如何配置它？

谢谢。

更新我相信我的问题是需要将 .png 文件“chosen-sprite.png”添加到项目中。 chosen.css 引用它。我将它添加到我的图像文件夹并将所有路径更改为“Image/chosen-sprite.png”，但它仍然不起作用。
.css 文件顶部有一条注释，不要“手动编辑文件”。有谁知道如何将图像文件添加到项目中以便它可以看到它？

Answer 1

我将 chosen-sprite.png 添加到包含 choose.css 文件的文件夹中，它工作正常。