Tworzenie stylowej listy wyboru, która nadal korzysta z funkcji iOS.

Question

Łatwo jest zaprojektować wpis tekstowy i działać poprawnie w systemie iOS. Przez prawo mam na myśli, że klawiatura ekranowa nadal będzie się otwierać zgodnie z oczekiwaniami, a przyciski Poprzedni | Następny nadal umożliwiają przełączanie między wejściami.

Najpiękniejsze wybrane listy tam wydają się zastępować rzeczywiste ... innymi elementami, aby uzyskać ładny wygląd. Działa to w iOS, ale jeśli jesteś Poprzedni | Przechodząc przez kilka wejść, nie będzie działać zgodnie z oczekiwaniami.

Czy można ustawić listę wyboru tak, aby działała jak zwykły, ale wyglądała jak coś, co można uzyskać z Dropkick JS lub innej biblioteki (lub zbudować samodzielnie)? Zastanawiałem się nad próbą ukrycia prawdziwego wyboru za elementem, ale nie sądzę, żebym mógł sprawić, by lista była poprawnie otwierana z javascript.

Answer 1

Można zmienić praktycznie dowolny element sterujący form w systemie iOS. Oto świetna wersja demonstracyjna: http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit
Jestem wielkim fanem sformalizowanej biblioteki, która będzie stosować style, które mogą Ci się nie spodobać, ale zawsze możesz je zmienić; to świetna biblioteka do nauki od: http://formalize.me