<input>原始标签输入框的样子:
code:
请输入用户名:<input type="text">

对其进行样式设定,包括输入框的长宽(width、height)、边框(border、border-radius)、预设定内容(placeholder):
code:
请输入用户名:<input type="text" placeholder="please enter your name" class="name">
.name{
width: 150px;
height: 30px;
border: 1px solid grey;
border-radius: 15px;
outline: none; //取消外方框
color: red; //此处设置的是输入字体的颜色而不是预定义的提示文本颜色;
}

另外如果不设置border属性的话是这个样子:

(看起来像是凹进去了一样)
自定义input标签输入框
原文:https://www.cnblogs.com/Syinho/p/10972945.html