在禁用的单选按钮引导程序 3 上显示工具提示

Question

我需要禁用单选按钮以及在该禁用按钮上显示工具提示。

带有无效工具提示的禁用单选按钮的示例 html 代码：

<div class="deliveryOption" data-toggle="buttons">
    <label class="btn btn-default active">
        <input type="radio" name="options" id="option1"> Normal
    </label>
    <label class="btn btn-default disabled" data-toggle="tooltip" data-placement="top" title="some text">
        <input type="radio" name="options" id="option2"> Express
    </label>
</div>

Answer 1

它可以使用 css 修复。 'pointer-events:none' 阻止显示工具提示。在输入类型单选上添加 disabled 属性。

<label class="btn btn-default disabled" data-toggle="tooltip" data-placement="top" title="some text">
   <input type="radio" name="options" id="option2" disabled> Express
</label> 

.btn.disabled {
    pointer-events: auto;
 }