Input 角度材质Md工具栏输入

有没有办法像这样在md工具栏中添加md输入容器？

---

这很简单。只需将

md输入容器

添加到工具栏中即可

<md-toolbar class="myCustomClass">
  <div class="md-toolbar-tools">
    <md-input-container class="md-block" flex-gt-sm>
      <label>Search for item</label> 
      <input ng-model="searchPhrase" name="searchPhrase">
    </md-input-container>
  </div>
</md-toolbar>

---

显然，正确的方法是为工具栏中的输入创建一个自定义类，并应用上述样式，这样就不会覆盖其他输入标记的默认样式。

这非常简单。只需将

md输入容器

添加到工具栏中即可

<md-toolbar class="myCustomClass">
  <div class="md-toolbar-tools">
    <md-input-container class="md-block" flex-gt-sm>
      <label>Search for item</label> 
      <input ng-model="searchPhrase" name="searchPhrase">
    </md-input-container>
  </div>
</md-toolbar>

---

显然，正确的方法是为工具栏中的输入创建一个自定义类，并应用上述样式，这样就不会覆盖其他输入标记的默认样式。

谢谢，我缺少标签下的部分。您将如何创建所引用的自定义类？@Flash-更新了我的答案。只需将自定义类添加到

md toolbar

标记，然后确保更新css以使用此继承。谢谢，我缺少标签下的部分。您将如何创建所引用的自定义类？@Flash-更新了我的答案。只需将自定义类添加到

md toolbar

标记中，然后确保更新css以使用此继承。