Safari- or Chrome-style search fields in non-WebKit browsers

Here’s a polyfill for Safari search fields (rounded ends, little magnifier, reset button if the placeholder isn’t showing) that doesn’t need any external files (besides Prototype.js):

Even the little magnifier icon is handled by the script – as a data URI background image.

I haven’t tested it on anything lower than IE8, but my guess is that it would degrade to a normal-looking text input field and the cancel button would have square edges. Any brave soul with an elderly browser want to try it out?


dynamo mailing list
Update your subscriptions at: