代码之家 › 专栏 › 技术社区 › David Dehghan

禁用带角度工具提示的Bootstrap 4按钮

ngx-bootstrap bootstrap-4 angular

David Dehghan · 技术社区 · 6 年前

我试图创建一个引导4按钮与ngx引导和角度。但是,只有将鼠标悬停在禁用按钮的图标上,才会显示工具提示。如何使鼠标悬停在禁用按钮上的任何位置以显示工具提示。

只有将鼠标悬停在图标上才能工作:

<span tooltip="hello" [isDisabled]="false">
    <button type="button" class="btn btn-primary" disabled>
        <i class="fa fa-book-open"></i> btn disabled
    </button>
</span>

https://stackblitz.com/edit/ngx-bootstrap-rmnmf1

1 回复 | 直到 6 年前

Talha Junaid 6 年前

一个可能的解决方案是在按钮内创建工具提示。它将开始显示里面任何东西的工具提示 <button>

<button type="button" class="btn btn-primary" disabled>
  <span tooltip="hello" [isDisabled]="false">
    <i class="fa fa-book-open"></i> btn disabled
  </span>
</button>

推荐文章

seriously · 按钮中元素的对齐

2 年前

USK · 引导模型在我的HTML文件中不起作用

3 年前

onit · 如何在单击按钮时从页面(引导程序4)隐藏或删除搜索表单?

3 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

3 年前

user9644796 · 如何检查折叠的导航栏是否打开?

7 年前

JoeSlav · 使用引导上载损坏的文件

7 年前

John · 引导程序4,表单内联未在XS视图上对齐

7 年前

J. Sparks · 奇怪的图像定位(HTML、CSS、Bootstrap)

7 年前

user9719859 · 如何在bootstrap 4中更改选择选项programmaticaly?

7 年前

im5an · 如何使用angular在单行中显示徽标和导航栏?

7 年前