Angular 16: Angular マテリアル チェックボックス (MDC) のサイズを変更するにはどうすればよいですか?
P粉254077747
2023-08-18 11:42:41
<p>現在はレガシーとみなされているマテリアルでは、チェックボックスのサイズを次のように設定できます。</p>
<pre class="brush:php;toolbar:false;">.mat-checkbox-frame {
幅: 1.5レム。
}</pre>
<p>MDC で同じ効果を実現するにはどうすればよいですか? </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
チェックボックスのサイズを変更するには、
ただし、デフォルトの波及効果を使用する場合、これでは解決策の半分にすぎません。次に、波及効果の円内に完全に収まるようにチェックボックスを位置合わせする必要もあります。次の CSS コードをstyles.scssに次の CSS コードを追加します。 リーリーstyles.scss
に追加してください:リーリーリアルタイム デモンストレーションを参照してください。