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

Question

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

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

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

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

Answer 1

你的意思是这样的：

  <div sx={{position: 'relative'}}>
        <InputAdornment sx={{position: 'absolute', top: 0}}>
    ///icons
        </InputAdornment>
  </div>