HTML – 如何将输入文本框样式更改为行?

前端之家收集整理的这篇文章主要介绍了HTML – 如何将输入文本框样式更改为行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的表单中我有三个输入字段名称,电子邮件,移动,但我想更改输入文本框像 –
name :  _____________  
email:  _____________  
mob  :  _____________

解决方法

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

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

padding: 2px 5px;

猜你在找的HTML相关文章