materialize-css input form 사용시 underline color 변환

이렇게 생긴 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 를 따로 지정해줘야함.