아이폰 input태그 style 초기화, 그림자 제거, 모서리 스타일 초기화

아이폰 input태그 style 초기화, 그림자 제거, 모서리 스타일 초기화

input { 
    -webkit-border-radius:0; /* 모서리 스타일 제거 */ 
    -webkit-appearance:none; /* 인풋내 그림자 제거 */ 
}
 
 

기본 스타일을 초기화 한다음 디자인대로 스타일을 넣어주면 된다.

checkbox제외하고 type마다 따로 지정하려면

input[type=”text”], 
input[type=”tel”], 
input[type=”password”], 
input[type=”email”], 
input[type=”search”], 
textarea { 
    -webkit-border-radius:0; /* 모서리 스타일 제거 */ 
     -webkit-appearance:none; /* 인풋내 그림자 제거 */ 
}