Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Styling <select> tag for iPhone

Tags:

html

css

iphone

When a <select> tag is used in a HTML page, is there a way to style the text size in the scroll wheel that shows on the iPhone?

like image 369
Linda Avatar asked Sep 26 '10 04:09

Linda


2 Answers

There is this alternative.

http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch

It uses javascript to put the elements on the page.. I used it for a web/ iphone app and it worked really well. There would be custom styling if you wanted to change the default text sizes and you could also load in custom images..

like image 136
Kieran Avatar answered Oct 27 '22 16:10

Kieran


I don't believe you can style the wheel that shows up on the iPhone directly. In fact, even modifying it in browsers has weird support. For example, http://jsbin.com/obake3 doesn't work at all in Chrome, only modifies the actual drop down in Safari and stretches the graphic in a very ugly way in Firefox.

like image 41
Robert Avatar answered Oct 27 '22 14:10

Robert