html – 更改mdl-textfield上的颜色

发布时间：2020-12-14 19:40:22 所属栏目：资源来源：网络整理

导读：是否有内置方式来更改Material Design Lite text field的颜色？特别是,使用文本字段之前的默认文本和下划线.在下面的示例中,“Text …”和下划线默认为灰色.当我使用深色背景时,我需要它们是白色的. !-- Simple Textfield --form action="#" div class="mdl-

是否有内置方式来更改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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!