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

Showing tooltip on disabled radio button bootstrap 3

本文关键字：工具提示 引导程序 单选按钮 显示      更新时间：2023-09-26

我需要禁用单选按钮，并在禁用的按钮上显示工具提示。

禁用的单选按钮的示例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>

可以使用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;
 }
相关文章：