Adakah terdapat beberapa cara untuk menentukan lebar komponen Kotak Kombo Fluent UI (@fluentui/react-components)?
Untuk elemen input lain, anda boleh menggunakan tetapan style={{width: "123px"}} (tetapi tidak pasti jika ini cara yang disyorkan), tetapi ini tidak bekerja dengan Combobox . < /p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
style={{width: "123px"}}不起作用，因为组合框的根元素的固定min-widthTetapkan kepada 250px.Jadi ubah lebar Combobox, bergantung pada apa yang anda ingin capai.
Jika anda hanya mahu ia lebih besar, anda boleh menambah lebar min ini:
Jika anda ingin menetapkannya kepada lebar tertentu, anda boleh menyahset lebar min elemen akar dan kemudian tetapkan lebar elemen input asas (dalam kes ini, lebar akhir kotak kombo akan lebih besar daripada 20px kerana padding input dan butang lungsur):
EDIT: Daripada menggunakan
style-Prop, anda juga boleh menggunakan kelas css (cara yang lebih bersih pada pendapat saya):export const ComboboxExample: FunctionComponent = () => { const classes = useStyles() return ( ) } const useStyles = makeStyles({ combobox: { minWidth: 'unset', '>.fui-Combobox__input': { width: '20px', }, }, })