Как изменить цвет текста, введенный в input-field
от MaterializeCSS
? documentation демонстрирует, как изменить цвет меток или подчеркивание, но не цвет текста.Как изменить цвет текста поля ввода в MaterializeCSS?
/* label color */
.input-field label {
color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
color: #000;
}
В документации также говорится, что можно изменить sass
переменные:
Вот шаблон CSS для изменения полей ввода в CSS. С Sass, вы можете достичь этого, просто изменив переменную. CSS, показанный ниже , не прерван. В зависимости от того, что вы используете, вам может потребоваться изменить селектор атрибутов типа .
Но не уточняет, какие переменные sass
могут быть изменены.