技术笔记

编程 营销 外贸


tooltip背景色修改

<p>tooltip默认黑色背景修改成蓝色背景 <img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=3a7ef6eef8b5ee0691efb5cf0401c0a6&amp;amp;file=file.png" alt="" /></p> <pre><code>    &amp;lt;style&amp;gt;         .tooltip-inner {         background-color: #007bff !important; /* 使用Bootstrap蓝色 */         color: #ffffff !important; /* 可选:调整文字颜色为白色 */         }         .bs-tooltip-top .tooltip-arrow::before {         border-top-color: #007bff !important;         }         .bs-tooltip-bottom .tooltip-arrow::before {         border-bottom-color: #007bff !important;         }     &amp;lt;/style&amp;gt;     &amp;lt;div class=&amp;quot;mt-5&amp;quot; style=&amp;quot; &amp;quot;&amp;gt;&amp;lt;/div&amp;gt;     &amp;lt;div class=&amp;quot;container&amp;quot;&amp;gt;         &amp;lt;button class=&amp;quot;btn btn-primary&amp;quot; title=&amp;quot;测试提示框&amp;quot; data-bs-toggle=&amp;quot;tooltip&amp;quot;&amp;gt;按钮&amp;lt;/button&amp;gt;     &amp;lt;/div&amp;gt;     &amp;lt;script&amp;gt;         var tooltipTriggerList = [].slice.call(document.querySelectorAll(&amp;#039;[data-bs-toggle=&amp;quot;tooltip&amp;quot;]&amp;#039;))         var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {           return new bootstrap.Tooltip(tooltipTriggerEl)         })     &amp;lt;/script&amp;gt;</code></pre>

页面列表

ITEM_HTML