Angular 16 : Comment modifier la taille d'une case à cocher Angular Material (MDC) ?
P粉254077747
2023-08-18 11:42:41
<p>Dans Material, qui est désormais considéré comme hérité, je peux définir la taille de la case à cocher comme suit : </p>
<pre class="brush:php;toolbar:false;">.mat-checkbox-frame {
largeur : 1,5 rem ;
}</pré>
<p>Comment puis-je obtenir le même effet dans MDC ? </p>
Pour modifier la taille de la case à cocher, ajoutez le code CSS suivant dans
styles.scss
: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
:Veuillez vous référer à la démo en direct.