使用角度 2 的 md 输入时出现双线答案

【问题标题】：Double lines when using md input from angular 2使用角度 2 的 md 输入时出现双线
【发布时间】：2017-05-12 09:27:27
【问题描述】：

我正在尝试使用 Angular 2 材料中的 md-input 指令，但我遇到了一个奇怪的错误。我完全按照说明进行操作，but I keep getting something that looks like this. 我不知道是什么导致了占位符下方的双线。我已经搜索了 Github 问题什么也没找到。代码看起来完全像这样：

<div class="curtain"></div>
  <md-card class="z-depth-4">
    <md-card-title>
      Login
    </md-card-title>
  <md-card-content class="center">
<md-input-container>
  <input md-input 
  placeholder="Account Number"
  [(ngModel)]="accountNumber"/>
</md-input-container>
  <br>
<md-input-container>
  <input md-input
  placeholder="Username"
  [(ngModel)]="username"/>
</md-input-container>
  <br>
<md-input-container>
  <input md-input
  placeholder="Password"
  type="password"
  [(ngModel)]="password"/>
  </md-input-container>
 </md-card-content>
 <md-card-actions>
    <button class="btn-flat blue-text btn-large right">Login</button>
  </md-card-actions>
</md-card>

我能得到的任何帮助都会很棒。谢谢！

【问题讨论】：

我从来没有在材料方面的经验。但出于好奇，我看了一会儿。我看过的所有地方，<input md-input... 从未在<md-input-container> 内部使用过，但只是<input... 不知道这是否真的重要，所以不要开枪，以防这是删除md-input 的愚蠢建议：D

标签： angular material-design angular2-forms angular-material2

【解决方案1】：

您的index.html 上可能有多个角度材料样式表条目。

确保你只有这些：

link href="https://unpkg.com/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet"
link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" (tag symbols excluded in comment)

【讨论】：