Prevent iPhone from zooming form?

Atadj picture Atadj · Jun 16, 2012 · Viewed 98.5k times · Source

The code:

<select>
    <option value="1">Home</option>
    <option value="2">About</option>
    <option value="3">Services</option>
    <option value="4">Contact</option>
</select>

When I touch select, the iPhone zooms in that element (and does not zoom out after deselecting).

How can I prevent this? Or zoom back out? I can't use user-scalable=no because I actually need that functionality. It's for iPhone, select menu.

Answer

Supra picture Supra · Nov 27, 2013

This can be prevented by setting font-size:16px to all input fields.