input文本框隐藏边框

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

---------------------
作者：my--dream
来源：CSDN
原文：https://blog.csdn.net/u013238512/article/details/79483151
版权声明：本文为博主原创文章，转载请附上博文链接！