如何将输入文本框样式更改为行? [英] how to change input text box style to line?
本文介绍了如何将输入文本框样式更改为行?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在我的表单中,我具有三个输入字段名称,电子邮件,移动设备,但我想更改输入文本框,例如-
in my form I have three input fields name, email, mobile but I want to change input text box like -
name : _____________
email: _____________
mob : _____________
推荐答案
在您的CSS中:
input[type=text] {
background: transparent;
border: none;
border-bottom: 1px solid #000000;
}
在这里,您可以使用填充来将实际的文本输入放置在您想要的位置喜欢它。例如,要使该行在实际输入区域的两侧延伸5个像素:
From here you can play with padding to position the actual text entry where you would like it. For instance, to have the line extend 5 pixels either side of the actual entry area:
padding: 2px 5px;
这篇关于如何将输入文本框样式更改为行?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文