更改特定工具提示的样式

Question

我加入了一个新项目，我的任务是为某个工具提示赋予不同的样式。根据 bootstrap.css 使用的版本是 v3.3.7，根据 package.json ^4.0.0。所以我什至不确定正在使用哪个版本。

我尝试了各种尝试将特定类分配给工具提示，但这些建议都没有用。

工具提示如下所示：

                <a href="{{$urls->livetest()}}"
                    target="_blank"
                    data-toggle="tooltip"
                    data-container="body"
                    data-html="true"
                    data-original-title="<strong>Attention</strong><br>Some text."
                    data-placement="bottom"
                    class="btn btn-info pull-right m-l-20 hidden-xs hidden-sm waves-effect waves-light">
                         <li class="fa fa-search  m-r-5"></li>
                         <span>Preview</span>
                     </a>

我尝试将特定类分配给工具提示：

data-customClass="custom-tooltip"

data-custom-class="custom-tooltip"

data-bs-customClass="custom-tooltip"

data-bs-custom-class="custom-tooltip"

tooltip-class="custom-tooltip"

以及尝试分配一个 id 并以这种方式设置样式：

id="custom-tooltip"

造型尝试：

.custom-tooltip  + .tooltip > .tooltip-inner {     border-radius: 3px;     padding:10px 10px; }  #custom-tooltip  + .tooltip > .tooltip-inner {     border-radius: 3px;     padding:10px 10px; }