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



Box Shadow Glow Effect


Simple Border with little Glow


Text box with icon


Text box with image and inset shadow effect


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


  • 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