Du hast so gut wie keine Chance, Apples Form-Elemente optisch anzupassen. Damit musst Du leben.
mir glaubt man anscheinend nicht, denn das habe ich auch schon behaputet...
Ähm. Nutzt ihr Webkit eigentlich? Als Nutzer stoße ich andauernd auf angepasste und gestylte Buttons, ohne dass da große Verrenkungen gemacht wurden. Safaris und Webkits Formularelemente sind definitiv anpassbar.
In 2005 wurde das ganze in Webkit implementiert: Checkboxen, Radiobuttons, http://webkit.org/blog/28/buttons/@title=Buttons und http://webkit.org/blog/51/text-fields/@title=Textfelder. Im wesentlichen versucht Webkit, bei optischer Anpassung diverser Eigenschaften die Formularelemente entsprechend anzupassen. Wenn man direkt mit einer CSS-Box umgehen und alles mögliche anpassen will, muss man –webkit-appearance auf none stellen. (appearance ist eine Eigenschaft aus CSS 3 UI). Maciej Stachowiak, ein Webkit-Entwickler, erklärt das hier ausführlicher.
(-webkit-appearance würde aber trotzdem wegen des Float-Bugs nicht des OPs Problem lösen; außerdem ist es erst seit Safari 3.0 enthalten, der gleichen Version, seit der es auch border-radius gibt.)