如何垂直对齐 inputAdornment,使其保持在多行 MUI 文本字段的顶部

Ala*_*rch 7 multiline textinput vertical-alignment adornment reactjs

使用 React,我有一个 MUI 多行 FieldText,其中有几个右对齐的 inputAdornment 图标。

当我填写时,该框会针对每个新行更改其高度,并且图标在中间垂直居中

我试图使图标在顶部保持对齐,但未能做到。有办法吗?

抱歉,我无法提供示例,但我被禁止嵌入图像。希望我的问题很清楚,并提前感谢您的帮助。

Ala*_*rch 2

你的意思是这样的:

  <div sx={{position: 'relative'}}>
        <InputAdornment sx={{position: 'absolute', top: 0}}>
    ///icons
        </InputAdornment>
  </div>
Run Code Online (Sandbox Code Playgroud)