Styling <select> tag for iPhone

Question

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?

Linda

Answer 1

If you just want to style the select tag, you can simply modify the font-size style:

select { font-size: 30pt }

If you want to have iPhone-style spinning wheel, here is a library for it.

Answer 2

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.