подсказка 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, вам нужен отдельный блок style в вашем HTML. Попробуйте это:

<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>