我有一个文本框，我使用outline:none;删除了默认边框但是，当我添加背景图片时，边框会显示，无法删除！
我如何摆脱这个？这是方框：
<input type = "text" placeholder = "Username" class = "txt_input">
和css：
background: url('images/user-icon.png') left no-repeat;
margin-bottom: 5px;
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
font-family: 'ProximaNova-Bold';
outline: none;
width: 200px;
height:30px;
text-align: center;
text-transform: capitalize;
padding:15px;
padding-left:21px;
答案 0 :(得分：9)
在您的CSS中添加border: 0px none;？轮廓仅处理焦点边框。
答案 1 :(得分：1)
我认为border: transparent;是更好的选择。
答案 2 :(得分：0)
您在CSS样式上试过border:0;吗？
答案 3 :(得分：0)
使用border:none代替outline:none。另外，要使文本大写，请使用text-transform:uppercase。注意：由于您应用的盒子阴影，您将保留一个小边框。删除它也会让你没有边框。
干杯。
答案 4 :(得分：-1)
我使用 'vscode' 而我的我不得不结合（下面）
*
边框：无； 大纲：无；
*
复制它，它应该可以工作