如何调整"No Options"的字体大小？

Question

我正在使用 material-ui 中的自动完成功能，并尝试使“无选项”的字体大小与其他字体对齐。我曾尝试使用样式化组件来设置字体大小，但没有成功。有没有办法将其调整得更小？谢谢

Here is how it currently looks like

Answer 1

您可以使用 class 名称设置“无选项”样式 MuiAutocomplete-noOptions；

.MuiAutocomplete-noOptions {
   font-size: 16px;
   // 
}

来自 Mui 自动完成文档： https://mui.com/material-ui/api/autocomplete

noOptions .MuiAutocomplete-noOptions Styles applied to the no option wrapper.