如何改变md-input-container line的颜色？

Question

我正在构建一个angular4应用程序，其中包含角度材质库（https://material.angular.io）的输入字段。我只在项目中使用此库中的输入。出于这个原因，我不想为我的基本需求导入整个自定义主题。这似乎有点矫枉过正，而且我很难让它发挥作用。我想要做的只是改变md-input-container行的颜色。当有人点击输入时，我希望它是绿色的，如果电子邮件地址无效，我希望它是红色的。我怎么能做到这一点？在写这篇文章的时候，今天所有关于角度材料网站的特定部分都没有用，所以我一直无法查看文档。此外，许多关于SO参考angularjs1的类似问题。解决这个问题的任何帮助都会很棒！

下面是一张图片，现在该线条为紫色，但我希望它为绿色，如果该字段中存在无效的电子邮件则为红色。

这就是html的样子

<md-input-container class="input-half-width" dividerColor="red">
  <input mdInput placeholder="E-postaddress" email>
  <!--<md-hint *ngIf="validateEmail(email.value)" align="end">Invalid email address</md-hint>-->
</md-input-container>

我可以添加一些css来使其工作吗？如果是这样，它看起来怎么样？