我有一個(gè)包含mat-icon. 它有條件地使用一個(gè)is-text類進(jìn)行渲染，如果該類存在，我將text-transform按鈕的屬性從uppercaseto重寫capitalize。然而，該capitalize屬性并沒(méi)有正確應(yīng)用（在我看來(lái)）。也就是說(shuō)，在下面的例子中我應(yīng)該有：過(guò)濾/排序?qū)嶋H上渲染的是：過(guò)濾/排序標(biāo)記：<button class="button is-text"> <mat-icon>close</mat-icon> <label class="label"> <span class="span">filter/sort</span> </label></button>社會(huì)保障體系：.button { text-transform: uppercase; &.is-text { .label .span{ text-transform: capitalize; } }}如果mat-icon刪除，大寫會(huì)正確呈現(xiàn)，但我不想這樣做。capitalize將屬性僅應(yīng)用于元素的正確方法是什么.span？堆棧閃電戰(zhàn)示例
1 回答
函數(shù)式編程
TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊
添加display: inline-block到跨度可以解決問(wèn)題。
.button {
text-transform: uppercase;
&.is-text {
.label .span{
text-transform: capitalize;
display: inline-block;
}
}
}
- 1 回答
- 0 關(guān)注
- 102 瀏覽
添加回答
舉報(bào)
0/150
提交
取消