5 Best Textbox Styles using CSS3

November 24, 2012 // In: CSS

You can use CSS3 to apply different effects on text boxes. You can apply round corner and and shadow effects on text boxes to stylize your forms.

Following are 5 best styles that you may apply on textboxes.

Box Shadow Inset Effect

CSS3:

 Demo:

Box Shadow Glow Effect

Demo:

Simple Border with little Glow

Demo

Text box with icon

Demo

Text box with image and inset shadow effect

 Demo

Thats it 🙂

I Love to hear from Readers, Say something about the article, give your feedbacks in comments.

Awesome CSS3 Buttons
How to Create Glowing Button in CSS3
  • Gaffney

    Great. Searching for something like this for so long !!

  • simer

    these box-shadow work realy helped me in making my login and signup forms look better. thanks

  • Teleuko

    Loved it! Thanks!

  • Ifeanyi Okagbue

    Very very nice!

  • Justme

    awesome!!

  • Arif Khan

    Nice and helpful for me

    Thank You

  • hello world

    useless. First of all it doesn’t work properly since you always can see the textbox inside the place!!!! Then, it doesn’t work on ANY Internet Explorer…

  • Abbas

    Marvellous, Fantabolous, Goodess, Finest, and more more

  • varun

    thnx man

  • Saurabh

    Thanks. It was really helpful.

  • Noviana Ng

    Very helpful
    thankyou alot 🙂

  • Abdul

    Very Nice ……….

  • avishek

    nice work

  • Tabia

    will this css work with asp.net textbox??

  • Mohammed Akram

    Thanks you bhai………bahat khub……
    ..

  • armed

    Just what I was looking for, thanks