Input[password] 안의 글씨가 안보이는 경우

input[password]를 이용하여 입력받는데 안보이는 경우이다.

 

input[password] 속 내용물이 안보임.

 

원인

프로젝트에서 따로 설정한 폰트가 password의 ****를 지원해주지 못하는 것 같다.

 

해결방법

input[password] 의 글씨체를 따로 설정해놓기.

style 태그 안에 넣어주면 된다.

input[password]{
	font-family:'Malgun gothic', dotum, sans-serif;
}

이 구문을 넣어줄 경우 placeholder의 글씨체도 위에 설정한 글씨체로 바뀌므로

placeholder의 글씨체는 내가 원하는 글씨체로 안나온다.

다시 placeholder 글씨체를 다시 내가 원하는 글씨체로 바꿔준다.

마찬가지로 style 태그 안에 넣기.

::placeholder{
		font-family: 'OTWelcomeRA';
}

내가 쓰는 글씨체 - OTWelcomeRA (간단하고 이쁨)

 

 

결과

 

아주 잘된다!