Pour modifier la taille de la case à cocher, ajoutez le code CSS suivant dans styles.scss
?:
.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; }
Mais si vous souhaitez utiliser l'effet d'entra?nement par défaut, ce n'est que la moitié de la solution. Maintenant, vous devez également aligner la case à cocher pour qu'elle s'insère parfaitement dans le cercle de l'effet d'entra?nement. Veuillez ajouter le code CSS suivant dans styles.scss
?:?
.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; top: 50% !important; /* 添加 */ left: 50% !important; /* 添加 */ transform: translate(-50%, -50%) !important; /* 添加 */ }
Veuillez vous référer à la démo en direct.