Sudut 16: Bagaimanakah cara menukar saiz kotak semak Bahan Sudut (MDC)?
P粉254077747
2023-08-18 11:42:41
<p>Dalam Bahan, yang kini dianggap warisan, saya boleh menetapkan saiz kotak pilihan seperti berikut: </p>
<pre class="brush:php;toolbar:false;">.mat-checkbox-frame {
lebar: 1.5rem;
}</pre>
<p>Bagaimanakah saya boleh mencapai kesan yang sama dalam MDC? </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Untuk menukar saiz kotak pilihan, tambah kod CSS berikut dalam
styles.scss:.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; }Tetapi jika anda ingin menggunakan kesan riak lalai, ini hanya separuh penyelesaian. Kini anda juga perlu menyelaraskan kotak semak supaya ia sesuai dengan sempurna dalam bulatan kesan riak. Sila tambah kod CSS berikut dalam
styles.scss:.mdc-checkbox__background { width: 1.5rem !important; height: 1.5rem !important; top: 50% !important; /* 添加 */ left: 50% !important; /* 添加 */ transform: translate(-50%, -50%) !important; /* 添加 */ }Sila rujuk demo langsung.