테스트 사이트 - 개발 중인 베타 버전입니다

안드로이드 웹뷰에서 select 디자인 변경..

· 10년 전 · 1007 · 2

안드로이드에서 웹뷰를 이용하는 페이지 중에 select box를 선택하면 아래와 같은 디자인으로 선택할 수 있는 값들이 나열됩니다.

위와 같이 말고 html, css 커스텀 형태로 만들어서 사용할 수 있을까요?
-webkit-appearance none 해봤는데도 디자인 해제가 안되네요..

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

10년 전
기본적으로 지원되는 방식이 사용자에게 더 편리한 방식이라 생각합니다.

셀렉트 박스 자체가 호환성이 많이 떨어지는 부분이고 모바일과 같이 뷰포트가 작은 영역에서는 화면을 넘치는 요소들에 대한 처리도 번거로와집니다.

http://webdir.tistory.com/432

위 링크에서 관련된 사항을 확인하시고 이왕 변경하시려고 마음 먹으신다면 seletbox 관련 플러그인을 사용하길 권합니다. oveflow 되는 부분에 대한 처리가 포함된 것으로...
셀렉트 박스를 숨기고 div를 생성해서 해당 선택시 셀렉트박스에 적용 이런식으로 만듭니다.
저는 스크립터라 만드는게 편한데, 사용하시기에 플러그인을 받으시는게 좋을것 같네요.
참고로 select 박스를 꾸미는 스크립트중 프로토타입사용으로 인한 크로스브라우징이 안되는 소스들이 많으니 참고하세요.

게시글 목록

번호 제목
32341
32339
32326
32325
32322
32319
32318
32316
32315
32313
32312
32311
32310
32304
32303
32300
32293
32292
32291
32285
32284
32275
32271
32268
32265
32261
32258
32257
32255
32254
32253
32251
32250
32249
32247
32246
32245
32244
32243
32242
32241
32240
32239
32238
32237
32236
32232
32229
32228
32227
32217
32215
32214
32213
32211
32207
32196
32193
32192
32190
32188
32186
32184
32173
32172
32171
32167
32165
32163
32162
32158
32157
32155
32151
32149
32135
32132
32127
32125
32122
32120
32119
32117
32116
32115
32114
32112
32111
32109
32107
32104
32103
32102
32101
32094
32089
20404
31036
8279
8268