MUI TextField sx props 不应用样式

我正在尝试使用一次性方式设置 TextField 组件的样式sx prop:

<TextField
    size="small"
    sx={{
        padding: '1px 3px',
        fontSize: '0.875rem',
        lineHeight: '1.25rem',
    }}
    {...params}
/>

我正在使用 MUI v5。如果我检查输入元素，则不会应用样式。我缺少什么？

更新：看起来样式实际上是通过其生成的类添加到包装元素的。但我需要设置输入元素的样式。

我也尝试过使用inputProps，但这根本没有任何作用。

您可以通过直接针对其类来设置组成组件的样式sx。例如：

      <TextField
        label="My Label"
        defaultValue="My Value"
        size="small"
        sx={{
          ".MuiInputBase-input": {
            padding: '1px 3px',
            fontSize: '0.875rem',
            lineHeight: '1.25rem',
          }
        }}
      />

工作代码沙箱：https://codesandbox.io/s/customizedinputs-material-demo-forked-jog26e?file=/demo.js https://codesandbox.io/s/customizedinputs-material-demo-forked-jog26e?file=/demo.js