Bootstrap 多选 - 不带单选按钮的单选

Question

我正在使用 Bootstrap Multiselect 插件。使用此插件进行多选下拉菜单，并将相同的插件应用于单选下拉菜单以实现 UI 一致性。

对于多选下拉菜单，我应用如下：

$('#ListBox').multiselect({
        nonSelectedText: 'Select Option'
});

它在下拉列表中创建复选框并能够选择多个选项。

并应用单选下拉菜单，如下所示：

$('#DropDownList').multiselect({
        nonSelectedText: 'Select Option',
        multiple: false                
});

这个在下拉列表中生成单选按钮，但我不需要单选按钮，它应该像正常的下拉列表一样工作。

是否有任何选项可以创建不带单选按钮的单选下拉列表？

Answer 1

请添加以下 CSS 代码并检查

.dropdown-menu label.radio input[type=radio]{
    visibility: hidden;
}
.dropdown-menu label.radio{
    padding-left:10px;
}