tooltip angularjs 1.3改变宽度

Question

我想在angularJs 1.3中增加我的工具提示的宽度我尝试了很多提示而没有成功。

我上次的测试：

<button type="button"  style=".tooltip-inner {max-width: 200px;}"
    data-container="body" 
    data-toggle="tooltip" 
    tooltip="Tooltip on leftaaaaaaaaaaaaaXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq"
    tooltip-placement="left" >
    Tooltip on left111
</button>

我的错误在哪里？

Answer 1

您的样式选择器包含一个类。要正确应用CSS，您需要在HTML中使用单独的style块。试试这个：

<style>
  .tooltip-inner { max-width: 200px; }
</style>

<button type="button"
              data-container="body" 
              data-toggle="tooltip" 
              tooltip="Tooltip on leftaaaaaaaaaaaaaXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq"
              tooltip-placement="left" >
             Tooltip on left111
</button>