在物化中更改表单元素的颜色答案

【问题标题】：Changing color of form element in materialize在物化中更改表单元素的颜色
【发布时间】：2018-02-09 18:13:20
【问题描述】：

如何更改表单输入元素（文本、密码、标签、选择、文本区域）标签和边框底部的颜色。 ** 我尝试了具体化 css 文档中提到的样式。但它不起作用。**

<div class="col s12 m6 l6 input-field" >
                <input type="text" name="user" id="user"  class="cng">
                <label for="user">User Name</label>
            </div>
            <div class="col input-field s12 m6 l6" >
                <input type="password" name="pass" id="pass">
                <label for="pass">Password</label>
            </div>

【问题讨论】：

你的html代码在哪里？
当您说更改表单输入的颜色时，您是指文本颜色、背景还是什么？
1- 在焦点上标注颜色。 2- 边框底部颜色。 3-输入框中文字的文字颜色。

标签： html forms material-design materialize

【解决方案1】：

使用 SASS

Materialize 的资源从 .sass 文件编译而来，您所指的颜色可以从 variablies.scss 文件中编辑。

变化：

$secondary-color: color("red", "darken-1") !default;

你想要的任何颜色并编译 SCSS。

或者使用来自here的辅助颜色

【讨论】：