更改角度材质输入样式

2024-02-25

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

到目前为止我设法改变了background-color using :

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; 
} 

但是当我们focus输入内容和输入内容时的文本颜色。

这是 html 输入:

<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>

Edit:当我这样输入时,我设法改变了文本颜色:

md-input-container .md-input {
color: rgba(255,255,255,0.87);
border-color: rgba(254,253,103,0.82);
}

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

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: your_color_here;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更改角度材质输入样式 的相关文章

随机推荐