Comments on: Rounded Corner Input Form

By: Jack

Jack — Sun, 22 Jan 2012 10:07:40 +0000

.input {
border: 1px solid #006;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

By: hans

hans — Mon, 11 Jul 2011 14:33:39 +0000

I would remove the “width: 165px;” property, otherwise all your checkboxes and radio buttons would also get this width.

By: OlekReksc

OlekReksc — Tue, 05 Jan 2010 20:11:23 +0000

Hello,

It’s the best, totally cross-browser method out there. Forget about using a background image for a text input – it causes a popular bug in IE6 (with a workaround – ‘position: fixed’) and IE7 (without any workaround, ‘fixed’ doesn’t do the trick any more).

So, thank you and have a successful year :)

By: ado

ado — Sat, 09 May 2009 23:08:09 +0000

want to fix IE6 buggy?

Try this-

_background-attachment : fixed;

By: Alberto

Alberto — Tue, 21 Apr 2009 13:52:28 +0000

How to make the same rounded corner text input with a span instead of a div?

By: dora

dora — Wed, 24 Sep 2008 14:39:51 +0000

Thanks for the css info. The easiest way to make round corner: http://www.roundz.net/

By: PupungBP

PupungBP — Fri, 27 Jun 2008 19:00:22 +0000

@Tomasz, max: Yes, but unfortunately tomasz’s version is buggy under IE6, if you try to add text wider than the max charachter / box available, the background will scroll to left. I’ve tried this method before.