如何在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 out在outline财产之前先添加其他样式取下橙色轮廓.