如何更改Chrome中的文本框的對焦風格？

Question

我有一個文本框，我已經改變了焦點文本框的風格。

Username: <asp:TextBox ID="UserName" runat="server" Font-Size="0.8em" class="t_box"></asp:TextBox> 

風格：

.t_box 
{ 
    width:300px; 
    padding:8px 0; 
    border:none; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    font-size:16px; 
    line-height:20px; 
    color:#454545; 

} 

.t_box:focus 
{ 
    border:1px solid #383838; 
    -webkit-box-shadow: 0 0 15px #383838; 
    -moz-box-shadow: 0 0 15px #383838; 
    box-shadow:0 0 20px #383838; 
} 

這是工作的罰款在Firefox，但我CHROM只能看到默認的樣式是橙色焦點處的時間。我如何改變我在Chrome中的焦點風格？

Answer 1

重點不使用border而是outline。在添加其他樣式以刪除橙色輪廓之前，您必須首先zero outoutline屬性。

Answer 2

僅供參考一些額外的CSS：

input:focus, 
textarea:focus { 
    outline: 0; 
-moz-outline-style: none; 
    border-color: rgba(82,168,236,.8); 
}