如何在關注時刪除文本區域邊框？

Question

我已經設法刪除了文本區域的邊框，但是我想要它，所以即使用戶點擊它時也不能看到邊框。這是我的CSS迄今。

.comments{ 
    border: 0 none #FFF; 
    overflow: hidden; 
} 

我試圖使邊框透明，我想這也是，但它也不起作用，還與活躍等

.comments:focus{ 
    border: 0 none #FFF; 
    overflow: hidden; 
} 

其他屬性嘗試它是否可以刪除邊框時專注於？

邊框不可見，直到文本區單擊btw。所以邊界沒有工作

Answer 1

您需要爲textarea設置outline:none。

.comments:focus{ 
    border: 0 none #FFF; 
    overflow: hidden; 
    outline:none; 
} 

Js Fiddle Demo

Answer 2

textarea, input { outline: none; }