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

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

wiRpP.png

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

|

댓글 2개

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

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

http://webdir.tistory.com/432

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

프로그램

+
제목 글쓴이 날짜 조회
10년 전 조회 965
10년 전 조회 830
10년 전 조회 638
10년 전 조회 504
10년 전 조회 476
10년 전 조회 535
10년 전 조회 484
10년 전 조회 504
10년 전 조회 835
10년 전 조회 430
10년 전 조회 531
10년 전 조회 690
10년 전 조회 598
10년 전 조회 1,319
10년 전 조회 1,129
10년 전 조회 586
10년 전 조회 503
10년 전 조회 840
10년 전 조회 563
10년 전 조회 465
10년 전 조회 525
10년 전 조회 461
10년 전 조회 509
10년 전 조회 442
10년 전 조회 679
10년 전 조회 2,530
10년 전 조회 663
10년 전 조회 391
10년 전 조회 440
10년 전 조회 477
10년 전 조회 1,782
10년 전 조회 1,712
10년 전 조회 1,094
10년 전 조회 1,389
10년 전 조회 1,519
10년 전 조회 1,480
10년 전 조회 857
10년 전 조회 595
10년 전 조회 1,082
10년 전 조회 623
10년 전 조회 555
10년 전 조회 718
10년 전 조회 1,408
10년 전 조회 1,109
10년 전 조회 580
10년 전 조회 1,144
10년 전 조회 5,146
10년 전 조회 636
10년 전 조회 1,691
10년 전 조회 1,053
10년 전 조회 1,547
10년 전 조회 1,282
10년 전 조회 814
10년 전 조회 1,380
10년 전 조회 1,012
10년 전 조회 579
10년 전 조회 586
10년 전 조회 833
10년 전 조회 1,349
10년 전 조회 797
10년 전 조회 1,034
10년 전 조회 896
10년 전 조회 651
10년 전 조회 974
10년 전 조회 487
10년 전 조회 713
10년 전 조회 624
10년 전 조회 943
10년 전 조회 1,133
10년 전 조회 1,050
10년 전 조회 751
10년 전 조회 1,073
10년 전 조회 864
10년 전 조회 622
10년 전 조회 1,222
10년 전 조회 695
10년 전 조회 979
10년 전 조회 655
10년 전 조회 503
10년 전 조회 1,887
10년 전 조회 978
10년 전 조회 1,000
10년 전 조회 775
10년 전 조회 1,062
10년 전 조회 926
10년 전 조회 659
10년 전 조회 1,141
10년 전 조회 1,569
10년 전 조회 976
10년 전 조회 856
10년 전 조회 888
10년 전 조회 805
10년 전 조회 1,495
10년 전 조회 1,400
10년 전 조회 450
10년 전 조회 838
10년 전 조회 429
10년 전 조회 789
10년 전 조회 2,265
10년 전 조회 803
🐛 버그신고