在禁用的单选按钮引导程序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'阻止显示工具提示。在输入类型的无线电上添加禁用属性。

<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;
 }