如何使用 bootstrap4 工具提示禁用本机浏览器工具提示

Question

以下代码显示了引导程序工具提示和本机标题属性工具提示：

This is my text. 
<i class="far fa-question-circle" data-toggle="tooltip" title="This is my tooltip."></i> 
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

小提琴

我怎样才能不显示 Fontawesome 5 的 icon-svg 的原生标题属性，所以只显示 Bootstrap-tooltip？

Answer 1

您可以尝试以下 HTML

This is my text. <i class="far fa-question-circle" data-toggle="tooltip" data-title="This is my tooltip."></i> 

由于浏览器的默认特性难以覆盖并可能导致意外行为，我们可以选择替代方法来解决问题

如果属性以 为前缀，Bootstrap 4 工具提示也可以显示工具提示data。所以你可以title用data-title

这是一个工作小提琴

https://jsfiddle.net/samuelj90/qfcs9azv/18/