Angular 16: Angular マテリアル チェックボックス (MDC) のサイズを変更するにはどうすればよいですか?

Question

現在はレガシーとみなされているマテリアルでは、チェックボックスのサイズを次のように設定できます。

.mat-checkbox-frame {
  幅: 1.5レム。
}

MDC で同じ効果を実現するにはどうすればよいですか?

Answer 1

チェックボックスのサイズを変更するには、styles.scss に次の CSS コードを追加します。 リーリー

ただし、デフォルトの波及効果を使用する場合、これでは解決策の半分にすぎません。次に、波及効果の円内に完全に収まるようにチェックボックスを位置合わせする必要もあります。次の CSS コードを

styles.scss に追加してください: リーリー

リアルタイム デモンストレーションを参照してください。