项目开发中，有时需要对input文本框只留下边框，利用css进行控制：

 手机号:<input type="text"  maxlength="11"  placeholder="请先注册" id="phoneNumber" name="phoneNumber" >

原样：

css控制格式：

input{
    width: 50%;
    border:none;//去除边框
    border-radius:0;
    border-bottom:#8D8D8D 1px solid;
    box-shadow: 0px 0px 0px 0px;//去除阴影
}

效果：