是否有内置方式来更改Material Design Lite
text field的颜色？特别是,使用文本字段之前的默认文本和下划线.在下面的示例中,“Text …”和下划线默认为灰色.当我使用深色背景时,我需要它们是白色的.
<!-- Simple Textfield -->
<form action="#">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" type="text" id="sample1">
<label class="mdl-textfield__label" for="sample1">Text...</label>
</div>
</form>
我不想在选择文本字段后更改文本的颜色或下划线,只是在文本字段未使用时更改文本和下划线.
解决方法
只需覆盖默认样式表：
.mdl-textfield__input{
border-bottom: 1px solid #fff;
}
.mdl-textfield__label{
color: #fff;
}
