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