Angular 16: Angular Material 확인란(MDC)의 크기를 어떻게 변경합니까?
P粉254077747
2023-08-18 11:42:41
<p>이제는 레거시로 간주되는 Material에서 다음과 같이 확인란의 크기를 설정할 수 있습니다. </p>
<pre class="brush:php;toolbar:false;">.mat-checkbox-frame {
폭: 1.5rem;
}</pre>
<p>MDC에서도 동일한 효과를 얻으려면 어떻게 해야 합니까? </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
체크박스의 크기를 변경하려면
으아악styles.scss에 다음 CSS 코드를 추가하세요.그러나 기본 파급 효과를 사용하려는 경우 이는 솔루션의 절반에 불과합니다. 이제 물결 효과의 원 안에 완벽하게 맞도록 확인란을 정렬해야 합니다.
으아악styles.scss에 다음 CSS 코드를 추가하세요:실시간 데모를 참고하세요.