삽질 & 해결
materialize-css input form 사용시 underline color 변환
Jaro
2017. 7. 18. 13:01
이렇게 생긴 form에서 바닥 선 색 변환 ( 화살표 )
은근히 시간을 많이 잡아먹은...
공식 홈페이지에서는
/* label underline focus color */
.input-field input[type=text]:focus {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
이렇게 되어있는데,
!important 붙여줘야 제대로 작동...
또한 만일 패스워드 부분일경우 type=password 이므로
.input-field input[type=password]:focus 를 따로 지정해줘야함.