如何在单击时删除输入字段的边框（焦点指示）

Question

我当然知道，如何删除边框，但是当对焦输入字段时，它有一个蓝色的发光边框，不能用.field:focus{border: none}删除。我真的对此一无所知，也找不到任何相关的东西。

我的意思是状态字段周围的蓝色边框：

- ＆GT;

Answer 1

这是.field:focus{outline: none}而非.field:focus{border: none}

Answer 2

您应该在输入字段中使用焦点outline: none，如示例

中所示

.field1, .field2{border:none}


.field2:focus{outline: none}

<input type="text" class="field1" placeholder="Input field1">
<br>
<input type="text" class="field2" placeholder="Input field2">