### TL;DR

使用以下的 CSS 來把 Focus 時的邊框取消。

```css
input:focus, select:focus, textarea:focus, button:focus {

	outline: none;
}
```

### Focus Outline

Focus Outline 大概是 Chrome 最先有的東西 (筆者自己經驗)，就是當使用者的 Cursor 放到 Text Input Field 上，該 DOM Element 的邊框就會有一個藍色的 Highlight 出現，像亮了燈一樣。

![](https://cdn.19site.net/files/b9/e6/b9e67a16-9d24-4a67-8516-fe62a26b9c50.png 'stack overflow 的 screen capture')

當 Search Box 被 Focus 時，就會有一個藍色的邊框包著，像亮了燈一樣。

### 把 Focus 的 Border 消除

我們可以透過使用以的 CSS 來把 Focus 的 Border 消除。

```css
input:focus, select:focus, textarea:focus, button:focus {

	outline: none;
}
```