Question

我是angular md的新手，所以这可能是一个愚蠢的问题，但我无法弄明白。我想添加一个类＆＃34; leadTimeTooltip＆＃34;到md-tooltip，并在这样的css文件中设置样式，但它不起作用：

＆＃13;

.leadTimeTooltip{
    height: auto !important;
    width:auto !important;
    white-space: inherit !important;
    font-size: 12px !important;
    background-color: rgba(247,247,247,0.85);
    color: black;
}

＆＃13;

<md-tooltip md-delay="600" class="leadTimeTooltip">
  <pre class="leadTimePre">{{partVm.leadTimeExplanation}}</pre>
</md-tooltip>

＆＃13;

＆＃13; 但是以下工作：

＆＃13;

md-tooltip ._md-content {
...
}

＆＃13;

＆＃13; 但是我不想设置所有工具提示的样式，只有带有leadTimeTooltip类的工具提示，所以我尝试了以下操作，而不是工作：

＆＃13;

md-tooltip ._md-content .leadTimeTooltip{
...
}

＆＃13;

＆＃13; 谁知道我做错了什么？请帮助，谢谢！

Answer 1

如果要使用pre标记，请在div或button或span元素（不是p）组件中使用md-tooltip。然后你的模板可以是：

<div>Hover over me
    <md-tooltip md-delay="600" class="leadTimeTooltip">
      <pre class="leadTimePre">{{tooltipContent}}</pre>
    </md-tooltip> 
</div>

以下链接工作plunker将css属性添加到特定工具提示的内容：https://plnkr.co/edit/R2iIr9bMlS5nONpJuRc4?p=preview

将自定义类添加到md-tooltip

1 个答案: