添加自定義類到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

回答

相關問題