asp.net - 如何更改 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。在添加其他样式以移除橙色轮廓之前，您必须先将 outline 属性归零。