HTML/CSS

[CSS] 아이폰 사파리 input, select 기본스타일 제거, 익스플로러 select 화살표 제거

최고관리자
2021.02.25 17:36 6,859 0

본문

아이폰 input 기본 스타일 제거

input, textarea {

appearance: none;

-webkit-appearance: none;

-webkit-border-radius: 0;

}


아이폰 select 기본 스타일 제거
select {
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;

/*화살표 배경 넣기*/
background: #fff url('이미지경로') no-repeat 98% center;
}

익스플로러 select 화살표 제거
select::-ms-expand{
/* 화살표 없애기 for IE10, 11*/ 
display:none;
}

댓글목록 0

등록된 댓글이 없습니다.