Css mat form字段前缀&；带按钮的后缀位置

我试图建立一个输入列表，每个输入的边缘都有+/-按钮。 我使用的是带mat form字段前缀和后缀的Angular Material，它可以在单个输入上正常工作，但在乘法（无论是通过ngFor还是简单的html复制粘贴）时则不行

这就是输入的样子：

这是每个输入在悬停时的样子：

这就是我试图修复的错误——在一些输入中（据我所知，完全是随机的），按钮稍微向上一点，就像这样（悬停以便更容易看到）：

完整代码如下：

---

很遗憾，这不是一个答案，但是，使用元素检查并更改

.mat form field appearance outline.mat form field outline{top:.25em；//禁用此}

可以解决当前元素位置过高的问题，但会使一些按钮向下对齐过远，而其他人则不受影响。自动生成的css似乎有问题（元素彼此对齐），但我说不出原因，而且这有点乱。。。也许这至少可以帮助你/其他人找到一个正确的答案。首先-感谢你花时间尝试找出答案：）这个.25em是默认值，我尝试过覆盖它（添加到链接中的代码中），但它仍然没有改变…同样的问题在这里。不知道为什么会有额外的顶级位置。仅在检查模式下工作