css - 工具提示类不适用于 ui-bootstrap-tpls.0.11.0

Question

我尝试使用 tooltip-append-to-body="true" 自定义工具提示样式，但它不起作用。

这是我的代码:

<i class="fa fa-minus-square-o" tooltip-append-to-body="true" tooltip-class="customClass" tooltip="Test tooltip"></i>

在 CSS 文件中:

.customClass .tooltip-inner {
    max-width: 100px;
    width: 50px;
}

但工具提示的宽度从未改变，它具有 bootstrap.css 中的默认 200px。

我也试过使用下面的代码:

<i class="fa fa-minus-square-o" tooltip="Test tooltip" tooltip-class="customClass" tooltip-append-to-body="true"> </i>

使用 CSS:

.tooltip.customClass .tooltip-inner {
    max-width: 100px;
    width: 50px;
}

它也不起作用。

我正在使用ui-bootstrap-tpls.0.11.0，想知道这是不是因为旧版本的ui-bootstrap 不支持tooltip-class。如果是这样，我是否可以为工具提示添加样式？

Answer 1

看看这个也许会有帮助，但 ui 版本不是问题。

http://codepen.io/norcaljohnny/pen/pNOaYX

.tooltip-inner {
    min-width: 100px;
    max-width: 100%; 
}