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!!
No comments:
Post a Comment