如何针对角度的材料输入进行水平链接？

Question

如何根据angular的材料（6.3.3）输入来平整链接（和任何其他文本）？

<div>
      <mat-form-field class="example-full-width">
         <input type="text" placeholder="Input" matInput >
      </mat-form-field>

      <a style="cursor: pointer;text-decoration: underline;">click</a>
</div>

代替此

应该是

Answer 1

IMO看上去都很糟糕。我认为您想要的结果更糟，因为文本基线确实对齐。 “材料设计”中的链接未设置为喜欢的传统链接的样式。它们可能具有不同的颜色和悬停效果，但通常不使用下划线。如果您使用高亮/悬停颜色而不是底线和光标（或使用按钮<a mat-button>），它将正确对齐并看起来像“素材”。