input文本框隐藏边框

2020年10月15日 127次阅读来源: my--dream

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

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

原样：

《input文本框隐藏边框》

css控制格式：

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

效果：

《input文本框隐藏边框》

    原文作者：my--dream
    原文地址: https://blog.csdn.net/u013238512/article/details/79483151
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。