可以在使用工具提示追加到正文后更改工具提示大小

Question

我的工具提示被隐藏了，所以我应用了工具提示-append-to-body="true"，这个问题得到了解决，但由于我的工具提示大小变大了，现在如果我通过提供最大宽度来覆盖工具提示内部 css，因为我将工具提示附加到正文 css 不起作用

我已经试过了 最大宽度， 宽度 自动换行 CSS

<li class="dropdown-css"
ng-click="onclickfuntion($event)">
<span class="export-pdf"
uib-tooltip="Click here to export the widget asPDF"
tooltip-placement="top"
tooltip-append-to-body="true">
Export to PDF
</span>
</li>

我想在"作为 PDF 的小部件"之间休息一下。默认情况下，它需要 200 像素，我想要 150 像素的大小

Answer 1

我已经阅读了官方文档，发现我们可以通过tooltip-class="yourDefineCssName"将css专门添加到工具提示中。因此，减小工具提示的大小，您的文本将自动进入下一行。

<li class="dropdown-css"
ng-click="onclickfuntion($event)">
<span class="export-pdf"
uib-tooltip="Click here to export the widget asPDF"
tooltip-placement="top"
tooltip-append-to-body="true"
tooltip-class="yourDefineCssName">
Export to PDF
</span>

And css will be 
.yourDefineCssName{
max-width: 150px !important;
}