如何将输入文本框样式更改为行？ [英] 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屋！