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

Posted 2023-03-05

【中文标题】如何垂直对齐 inputAdornment 使其保持在多行 MUI TextField 的顶部

【英文标题】：How to vertically align an inputAdornment so it remains at the top in a multiline MUI TextField

【发布时间】：2022-01-19 00:22:14

【问题描述】：

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

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

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

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

【问题讨论】：

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

【参考方案1】：

你的意思是这样的：

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