如何将输入文本框样式更改为行？

Question

在我的形式我有三个输入字段名称,电子邮件,移动,但我想更改输入文本框像 -

name :  _____________  
email:  _____________  
mob  :  _____________  

Answer 1

在你的CSS中:

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

从这里你可以使用填充来定位你想要的实际文本条目.例如,要使线在实际输入区域的任一侧延伸5个像素:

    padding: 2px 5px;