input type=password style=padding-left:20px; -webkit-padding-start: 20px;/패스워드 입력폼을 휴대폰의 브라우저를 통해서 보려고 하는데요입력폼에 focus가 갔을때 좌측의 패딩이 적용되지 않습니다.
몇몇 포털사이트를 가서 패스워드 입력폼을 보았는데 들여쓰기를 해놓은 폼이 없더군요타겟단말이 갤스, 갤탭이라서 이것들에서만이라도 패딩이 적용되면 좋겠는데 그렇질 못하네요넥원, 넥S에서 볼때는 좌측패딩이 제대로 들어가긴 합니다적용해봤던 스타일은padding-left:20px;-webkit-padding-start: 20px;text-indent: 20px;입니다.
휴대폰의 password 입력폼이 원래부터 단말에 따라 focus시 배경이미지도 못입히고 스타일도 제대로 먹지 않는것 같네요대안방안이나 유사사례같은것이 있을까요??
input type=text /타입으로 쓰고 입력내용을 ●●●● 이렇게 표시할까 생각해보고 있는데 뭔가 보안상의 문제가 있진 않을지 걱정이 되서 적용하진 않았어요
핸드폰용 HTML password폼 padding 적용이 안됩니다
하랑 2026.05.29 댓글 1
맑다 2026.05.29
해당 input에 opacity:0을 주시고 span을 덮어서 거기다가 text() 속성으로 input의 value 값을 넣어주는 식으로 스크립트를 넣으면 모든 디자인 적용 가능합니다.
password의 경우 value의 text 숫자를 가져와 *의 개수를 조절해도 되겠네요.