javascript – 更改角度材质输入样式

前端之家收集整理的这篇文章主要介绍了javascript – 更改角度材质输入样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试改变角度材料输入的样式.

到目前为止,我设法使用以下方法更改背景颜色:

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输入:

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

编辑:我设法在以这种方式输入时更改文本颜色

md-input-container .md-input {
color: rgba(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;
}
原文链接:https://www.f2er.com/js/159778.html

猜你在找的JavaScript相关文章