HTML优化input输入样式----去除边框，添加下边框

html的input输入边框原来样式：

将边框去除并添加下边框，样式：

相关代码：

<input  type="text" value="text" class='_input'>

   ._input{
    border: 0px;	/*去除所有边框*/
    outline: none;	/*去除选中时出现的边框*/
    border-bottom-color: black;	/*下边框颜色*/
    border-bottom-left-radius: 0px;	/*下左边框的圆角为0px*/
    border-bottom-right-radius: 0px;	/*下右边框的圆角为0px*/
    border-bottom-width: 0.2px;	/*下边框的宽度*/
    border-bottom-style: solid;	/*下边框的样式 solid-->实线*/
}

或者可以添加默认的输入内容：

<input  type="text"  class="_input" placeholder="输入框默认内容">

样式：