Question

I created a text-box that looks like the image below, however I want it to resize as the user types like here:
http://jsbin.com/ahaxe

I think that it won’t be a problem to insert the search image as a background and align it to the right, however I don’t know how to do the rounded corners without using an image.

Thanks everybody 🙂

Answer 1

input {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 12px; /* FF1-3.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}