如何刪除文本/輸入框周圍的焦點邊框（輪廓）？ （Chrome）[重複]

問題：

This question already has an answer here: 這個問題在這裏已有答案：

• How to remove the border highlight on an input text element 14 answers 如何刪除輸入文本元素 14 上的邊框高亮顯示 答案

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? 任何人均可以解釋如何刪除文本/輸入框周圍的橙色或藍色邊框（輪廓）？ I think it only happens on Chrome to show that the input box is active. 我認爲只有在Chrome上纔會顯示輸入框處於活動狀態。 Here's the input CSS I'm using: 這是我正在使用的輸入CSS：

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

---

解決方案：

參考一： https://stackoom.com/question/EFk9/如何刪除文本-輸入框周圍的焦點邊框-輪廓-Chrome-重複
參考二： https://oldbug.net/q/EFk9/How-to-remove-focus-border-outline-around-text-input-boxes-Chrome-duplicate