添加自定义类到md-tooltip

我是新来的角度MD，所以这可能是一个愚蠢的问题，但我无法弄清楚。我想补充一类 “leadTimeTooltip”，以MD-工具提示和样式就在这样的css文件，但它不工作：添加自定义类到md-tooltip

.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; 
 
}

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

不过了以下工作：

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

但我不想样式的所有提示，只是leadTimeTooltip类的，所以我尝试以下，没有工作：

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

任何人都知道我做错了什么？请帮助，谢谢！

来源

2017-07-17 Jerrrrry W

如果要使用pre标签，请在div或按钮或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

来源

2017-07-17 20:21:48 Shantanu

谢谢您的回答，但它仍然简化版，工作。我转载基于你的plunker的问题，我改变了角度版本，但这不是问题，你可以评论和取消注释的CSS块来查看我的问题。 https://plnkr.co/edit/RMSaHiqaJm8jneag4cND?p=preview –

嘿，我认为你已经为你应用于预标签的类做了类型。它是leadTimePre，但在style.css文件中，您将属性分配给'md-tooltip .md-content .leadTimeTooltip'，而应该是'md-tooltip .md-content .leadTimePre'。这里是工作plunker：https://plnkr.co/edit/EZZ2QXSyLdueEhIrCqT0?p=preview – Shantanu

添加自定义类到md-tooltip

回答

相关问题