input 스타일 ios 초기화

 

 

input type 스타일을 button 혹은 submit 으로 주고 신나게 css로 디자인을 추가해줬습니다.

 

PC에서 봤을 때 아무 문제가 없어서 안심하고 있다가 아이패드로 확인하고 css 디자인이 하나도 적용되지 않아서 깜짝 놀랐습니다.

아이패드에서 전용 브라우저 사파리는 물론 크롬을 깔고 봤는데도 같은 현상이 일어나는 것을 보니 ios 기본 버튼 스타일이 출력되는 듯했습니다.

​

다이렉트로 스타일을 줘도 먹지 않아서 갑갑해하고 있던 상황이었는데, ios 스타일 초기화를 한 줄 추가로 할 수 있는 팁이 있어서 공유해보려고 합니다.

input,button {border-radius:0; -webkit-appearance:none}