我正在尝试将自定义 css 应用到 Material UI Autocomplete 组件。具体来说，我想更改输入字段的字体大小。这是我现在所拥有的：
<Autocomplete
style={{
width: 200,
height: 60,
marginLeft: 15,
}}
options={["foo", "bar"]}
renderInput={(params) => (
<TextField
InputProps={{ style: { fontSize: 30 } }}
{...params}
margin="normal"
/>
)}
/>
我相信我的 TextField 的样式正确，但它的 CSS 被自动完成 CSS 覆盖。任何帮助表示赞赏。提前致谢。
你可以尝试其中 2 件事，
- 交换这两行
InputProps={{ style: { fontSize: 30 } }}
{...params}
to be
{...params}
InputProps={{ style: { fontSize: 30 } }}
这是因为第二个{...params}覆盖InputProps.
- 您可以更改
InputpropsCSS 与!important标记如下：
InputProps={{ style: { fontSize: `30 !important` } }}
- 你需要放置吊具
params.InputProps in InputProps确保显示自动完成选项：
InputProps={{ ...params.InputProps, style: { fontSize: `30 !important` } }}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
