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

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比你可以为此使用背景图片与背景位置

。

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

因此，所有浏览器支持ie6你应该使用这个。

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;