如何垂直对齐 inputAdornment 使其保持在多行 MUI TextField 的顶部答案

【问题标题】：How to vertically align an inputAdornment so it remains at the top in a multiline MUI TextField如何垂直对齐 inputAdornment 使其保持在多行 MUI TextField 的顶部
【发布时间】：2022-01-19 00:22:14
【问题描述】：

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

当我填写它时，框会随着每一行改变它的高度，并且图标垂直居中在中间。

我正在尝试使图标在顶部保持对齐，但无法做到。有什么办法吗？

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

【问题讨论】：

将装饰物的父元素设置为相对定位，然后将装饰物用绝对定位放置，然后就可以随意放置了！

标签： reactjs vertical-alignment multiline textinput adornment

【解决方案1】：

你的意思是这样的：

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

【讨论】：