Chrome에서 Firefox와 일치하도록 비밀번호 입력의 기본 글꼴 크기를 무시하십시오.

Question

Chrome은 Firefox보다 작은 비밀번호를 렌더링합니다. 필자가 Chrome에서 수동으로 비밀번호 입력 요소의 글꼴 크기를 늘려 Firefox와 일치 시키면 캐럿 높이가 너무 높아져 원하지 않습니다. 이것에 대한 해결 방법은 무엇입니까? 여기

Answer 1

당신이 (내가 확인하지 않는 media query to select Chrome ... 와 사파리 사용) 이동하십시오 input[type=password]에 영향을 미치는,

<input type="password" class="pass" value="dfjlfsdkljf"><br> 
<input type="password" value="dfjlfsdkljf">​ 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .pass { 
     -webkit-text-stroke-width: .2em; 
     letter-spacing: 0.2em; 
    } 
}​ 

http://jsfiddle.net/exbFb/3/

그리고 담요 선택기를 요소 :

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    input[type=password] { 
     -webkit-text-stroke-width: .2em; 
     letter-spacing: 0.2em; 
    } 
}​ 

http://jsfiddle.net/exbFb/4/