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
변수를 변경할 수있는 것은 분명하지 않습니다.