Как изменить стиль ввода текста в строку?

Question

в моей форме у меня есть три поля ввода имя, адрес электронной почты, мобильный телефон, но я хочу изменить текстовое поле ввода, например -

name :  _____________  
email:  _____________  
mob  :  _____________  

Answer 1

В вашем CSS:

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

Отсюда вы можете поиграть с отступами, чтобы расположить фактический текст в нужном вам месте.Например, чтобы линия проходила на 5 пикселей по обе стороны от фактической области ввода:

    padding: 2px 5px;

Answer 2

Если вы хотите сделать это также в ie6, чем вы можете использовать bg image для этого с background-position

.

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

, поэтому для поддержки всех браузеров с ie6 вы должны использовать это.

Answer 3

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

Answer 4

вы хотите показать только нижнюю часть, поэтому примените css таким образом, чтобы он отключил все остальные три части ..

применить CSS как

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

работает для всех