javascript - Bootstrap Multiselect - 没有单选按钮的单选

Question

我正在使用引导多选插件。将此插件用于多选下拉列表，并将其应用于单选下拉列表以实现 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;
}