How to change input text box style to string?

Question

in my form I have three input fields: name, email address, mobile, but I want to change the text input field, for example -

name :  _____________  
email:  _____________  
mob  :  _____________  

Answer 1

In your CSS:

input[type=text] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
}

Here you can play indented to place the actual text entry where you need it. For example, so that the line extends 5 pixels on either side of the actual input area:

    padding: 2px 5px;

Answer 2

if you want it also in ie6 than you can use a bg image with background position for this

.

input{
    background:url(bg-dot.jpg) repeat-x center bottom;
    border:none;
    padding:2px 2px;
}

therefore, to support browser using ie6 you must use this.

Answer 3

, css , .

CSS

border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;

Answer 4

border: 1px solid black;
float: left;
margin: 0;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;