如何bootstrap下拉按钮在knockout中带点击功能

Question

我有一个带选项的按钮下拉菜单，它可以按我想要的方式工作，但我需要删除选项中的输入圆圈图像，这可能吗？

或任何其他想法？谢谢！

    <div class="dropdown">
        <button class="btn btn-secondary btn-sm dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Menu 2</button> 
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item"><input type="radio" name="options" value="type1"  autocomplete="off" data-bind="checked: type"> option 1 </a>
            <a class="dropdown-item"><input type="radio" name="options" value="type2"  autocomplete="off" data-bind="checked: type"> option 2 </a>
        </div>
    </div>

Answer 1

只需添加此 css 规则：

input[type="radio"] {
    visibility:hidden;
}

如何bootstrap下拉按钮在knockout中带点击功能

How to bootstrap dropdown button with click function in knockout

html

bootstrap-4

knockout.js