Setting up a style in form input text and textarea

By default, input text and textarea in a form is not really in a good look.. I recommend to style it with a simple CSS entry below. Hope you like it!!

input[type="text"], textarea {
        background: #f9f9f9;
        border: 1px solid #ccc;
        box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
        padding: 2px;
        font-family: "lucida grande",verdana,tahoma,arial,sans-serif;
}


Details are as follows:

• background - This will be the color of the box shadow
• border - Color of the box border
• box-shadow - This is the current standard in CSS shadow settings
• -moz-box-shadow - This is used to support way too old version of Mozilla
• -webkit-box-shadow - This is used to support other browser
• padding - To implement padding between other elements.
• font-family - To put a style in fonts for textarea and input text.

Hope this helps a lot. Happy coding!!