84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
In Material, das jetzt als veraltet gilt, kann ich die Größe des Kontrollkästchens wie folgt festlegen:
.mat-checkbox-frame { Breite: 1,5rem; }
Wie kann ich den gleichen Effekt in MDC erzielen?
要更改复选框的大小，请在styles.scss中添加以下CSS代码：
styles.scss
.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; }
但是，如果您想使用默认的涟漪效果，这只是解决方案的一半。现在您还需要对齐复选框，使其完美地适应涟漪效果的圆圈中。请在styles.scss中添加以下CSS代码：
.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; top: 50% !important; /* 添加 */ left: 50% !important; /* 添加 */ transform: translate(-50%, -50%) !important; /* 添加 */ }
请参考实时演示。
要更改复选框的大小，请在
styles.scss中添加以下CSS代码：.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; }但是，如果您想使用默认的涟漪效果，这只是解决方案的一半。现在您还需要对齐复选框，使其完美地适应涟漪效果的圆圈中。请在
styles.scss中添加以下CSS代码：.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; top: 50% !important; /* 添加 */ left: 50% !important; /* 添加 */ transform: translate(-50%, -50%) !important; /* 添加 */ }请参考实时演示。