Rounded corners for <input type='text' /> using border-radius.htc for IE

Question

I want to create an input fields with rounded corners.

HTML:

Answer 1

Oh lord, don't do it this way. HTC files are never a good idea for performance and clarity reasons, and you're using too many vendor-specific parameters for something that can easily be done cross-browser all the way back to IE6.

Apply a background image to your input field with the rounded corners and make the field's background colour transparent with border:none applied instead.