更改角度材质输入样式

Question

我正在尝试更改角度材质输入的样式。

到目前为止，我设法使用：

更改了[product_categories number="#" parent="#"]

background-color

占位符和标签颜色使用：

md-input-container {
    padding-bottom: 5px;
    background-color: #222;
}

但是当我们输入md-input-container.md-default-theme label, md-input-container.md-default-theme .md-placeholder { color: #FDFE67 !important; } 输入时，我无法设置更改文本下的线条颜色。当我们输入输入时，我无法更改文本颜色。

这是html输入：

focus

编辑：我在设置这种方式时设法更改文字颜色：

<md-content>
    <md-input-container>
        <label>{{isEnglish ? 'Search...' : 'Recherche...'}}</label>
           <input ng-model="searchInput" id="sInput" 
                  ng-change="filterCartoList(searchInput)" my-enter="filterCartoList(searchInput)">
    </md-input-container>
</md-content>

Answer 1

这是Angular Material使用的CSS选择器：

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: your_color_here;
}

Answer 2

<md-input-container style="position: relative; top:19px;">
                              <label style="border-color: white; color: white;">Email</label>
                              <input style="border-color: white; color: white;" >
                              </md-input-container>