삽질 & 해결

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 를 따로 지정해줘야함.