홍페이지 HONGPAGE

  • 홈
  • 디자인
  • 개발
  • TIP
  • Link

input

디자인/html·css
[CSS] 패스워드 인풋 박스 input[type=password] 글자 안보이는 경우

커서는 보이는데 아무리 입력해도 글자가 안보이는 경우 해결방법 일부 웹폰트의 경우 input[type=password]를 지원하지 않는다. 따라서 input[type=password]의 폰트를 변경해주면 된다. 위의 캡쳐본의 경우에는 홈페이지 전체적으로 나눔스퀘어 폰트를 사용하고 있었는데 나눔스퀘어 또한 password에 폰트를 지원하지 않는 경우였다. css에 한 줄 추가해서 간단히 해결 가능하다. input[type=password] {font-family:'Malgun gothic', dotum, sans-serif;} [팁] 위와 같이 변경하면 패스워드 입력칸의 placeholder 폰트도 변경이 되는데, placeholder 부분에 한번 더 별도로 웹폰트를 지정해주면 된다. ::placehold..

1
더보기
프로필사진

HONG

디지털노마드를 꿈꾸는
UI/UX Designer, Front-end Developer

Contact : heeehong@gmail.com

  • 분류 전체보기
    • 디자인
      • UX·UI
      • html·css
    • 개발
      • js·jquery
      • php
      • sql
      • 카페24
    • tip
    • 리뷰
    • 블로그
    • 글
    • [ 코드 판매 ]

최근글과 인기글

  • 최근글
  • 인기글




티스토리툴바