angular-material2 - 如何针对 Angular 的材料输入调整链接？

Question

如何根据角度的材料（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>

而不是这个

应该

标签： angular-material2

Answer 1

两者看起来都很糟糕IMO。我认为您想要的结果更糟，因为文本基线确实排成一行。Material Design 中的链接与传统链接的样式不同。它们可能有不同的颜色和悬停效果，但通常不使用下划线。如果您使用突出显示/悬停颜色而不是下划线以及光标（或使用按钮<a mat-button>），它将正确排列并看起来“材料”。