Angular MatButtonToggle中标签的垂直对齐

Question

这是问题所在：“材料”切换按钮的标签未垂直对齐。我需要增加按钮的大小和字体

HTML：

                    <div class="row">

                        <div class="col-sm-6 form-group">
                            <label for="email"> Estado:</label>
                            <select class="form-control" id="Estado" name="cbmEstado" required> 
                            <option value="" selected="selected"></option>
                            <option value="1">Activo</option>
                            <option value="0">Inactivo</option>
                            </select>
                        </div>
                        <div class="col-sm-6 form-group">
                            <label for="email"> Exonerado:</label>
                            <select class="form-control" id="Exonerado" name="cbmExonerado" required> 
                            <option value="" selected="selected"></option>
                            <option value="1">Sí</option>
                            <option value="0">No</option>
                            </select>
                        </div>
                    </div>

CSS

 <script type="text/javascript">
    window.onload = function() {
    document.getElementById('Exonerado').value =1;
    document.getElementById('Estado').value =1;
}
</script>

感谢您的帮助

Answer 1

您还需要更改行高：

.mat-button-toggle {
  border-radius: 50px;
  margin-left: 8px;
  margin-right:8px;
  width: 200px;
  height: 64px;
  line-height: 64px;
  background-color:  #616161;
  color: #e0e0e0;
  font-size: 32px;
  padding:0 !important;
}