如何使用內部不同顏色的文本創建 Bootstrap 5 工具提示？
[英]How do I Create Bootstrap 5 Tooltip With Text of Different Color Inside?
2 個解決方案
解決方案1
0 2022-05-12 08:54:34
將您的代碼從雙引號更新為標題屬性中的單引號。
<button type="button" class="btn btn-danger" data-bs-toggle="tooltip" data-bs-html="true" title="<span style=' color : red'>Red Text</span><br><span style='color : green'>Green Text</span>">
解決方案2
0 已采納 2022-05-12 08:59:32
@poo 的答案對我不起作用，在使用課程時它給了我你正在尋找的答案。
這是一個https://jsfiddle.net/p5bzmqd1/
<button type="button" class="btn btn-danger" data-bs-toggle="tooltip" data-bs-html="true" title="<span class=redToolTip>Red Text</span><br><span class=greenToolTip>Green Text</span>">
I'm a problematic tooltip
</button>
如何更改 hover 上的 Bootstrap 5 工具提示背景顏色？
[英]How can I change a Bootstrap 5 tooltip background color on hover?
如何在 textarea ReactJS + Bootstrap 中創建制表符間距？
[英]How do I create a tab spacing inside textarea ReactJS + Bootstrap?
如何在不提示頁面的提示中創建自動關閉鏈接，而無需重新加載頁面？
[英]How do I create a self-closing link inside a tipsy tooltip without reloading the page?
如何調整Bootstrap的工具提示的位置？
[英]How do i adjust the position of a Bootstrap's Tooltip for a certain element?
如何編寫用於Bootstrap popover和工具提示內容的html
[英]How do I encode html for Bootstrap popover and tooltip content
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.