对齐垫子按钮切换中的文本

Question

我制作了一个mat-button切换组，但它有一个子按钮，保留了原来的维度。我怎样才能访问它？

我试着写这个代码，但它不起作用。

mat-button-toggle {
border: 1px solid #0ea399;
border-radius: 4px;
margin-left: 3px;
margin-right:3px;
width: 30px;
height: 30px;
font-family: 'Nunito Semibold', sans-serif;
font-size: 14px;
font-style: bold;
}
.mat-button-toggle-disabled {
border: 1px solid #c5c0c7;
background-color: #e1dde5;
}
.center > span {
line-height: 0px !important;
text-align: center;
}

Answer 1

您可以尝试使用深度选择器访问其封闭的dom内容吗。

mat-button-toggle ::ng-deep span{ 
color:green;
display:inline-block;
line-height:0px;
}