6

我有一个文本框，我使用它删除了默认边框 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;
4

5 回答 5

13

添加一个border: 0px none;到你的CSS？大纲仅处理焦点边框。

于 2013-05-28T11:40:04.910 回答
1

使用border:none而不是outline:none. 此外，要将文本大写，请使用text-transform:uppercase. 注意：由于您应用了 box-shadow，您将保留一个小边框。删除它也会让你没有边界。

干杯。

于 2013-05-28T11:42:54.710 回答
1

我认为 border: transparent;是更好的选择。

于 2018-09-25T18:48:06.607 回答
0

你border:0;在你的 CSS 样式上试过这个？？

于 2013-05-28T11:40:58.797 回答
-1

我使用“vscode”，在我的上我必须结合（下）

*

边框：无；大纲：无；

*

复制它，它应该可以工作

于 2021-03-23T15:57:02.490 回答