项目开发中,有时需要对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;//去除阴影 }
效果: