fixing input type="search" behaviour in Safari

[MarcHaunschild]

Hi there,

the following I found at http://diveintohtml5.org/forms.html by Mark Pilgrim. I suggest to add the rule to style.css:
" By default, Safari will not apply even the most basic CSS styles to fields. If you want to force Safari to treat your search field like a normal text field (so you can apply your own CSS styles), add this rule to your stylesheet:

    input[type="search"] {
      -webkit-appearance: textfield;
    }

Thanks to John Lein for teaching me this trick."

Marc

[chuanxshi]

I read about that too, but when testing on safari and mobile safari, I don't see the issue, maybe it's for old versions of safari?

[hoopyfrood]

+1

I have attached screenshots of the behaviour:

• Webkit: http://d.pr/hIzv
• Firefox 4 (Placeholder, but no magnifying glass): http://d.pr/m3q8
• Webkit with -webkit-appearance: textfield (and some CSS to make it look the same across browsers): http://d.pr/POUO
• previous sans some CSS: http://d.pr/KAlK

Great find, Marc/John Lein!

[chuanxshi]

argh, now i got the point, sorry, misunderstood the whole thing at first, yea +1

[chuanxshi]

Fixing input type="search" behaviour in Safari by John Lein http://diveintohtml5.org/forms.html thanks to MarcHaunschild and hoopyfrood closed by 4dc87b5

[paulirish]

I'm -1 on this..

We're discussing it further on the commit: 4dc87b5