Asp.net 如何在chrome中更改文本框的焦点样式?
我有一个文本框,我改变了焦点上文本框的样式Asp.net 如何在chrome中更改文本框的焦点样式?,asp.net,css,google-chrome,focus,Asp.net,Css,Google Chrome,Focus,我有一个文本框,我改变了焦点上文本框的样式 Username: <asp:TextBox ID="UserName" runat="server" Font-Size="0.8em" class="t_box"></asp:TextBox> 这在firefox中运行良好,但在chrom中,我只能看到默认样式,在聚焦时为橙色。如何在chrome中更改对焦样式?对焦不使用边框,而是使用轮廓。在添加其他样式以删除橙色轮廓之前,必须先将outline属性归零。只需添加一些CSS
Username: <asp:TextBox ID="UserName" runat="server" Font-Size="0.8em" class="t_box"></asp:TextBox>
这在firefox中运行良好,但在chrom中,我只能看到默认样式,在聚焦时为橙色。如何在chrome中更改对焦样式?对焦不使用
边框
,而是使用轮廓
。在添加其他样式以删除橙色轮廓之前,必须先将outline
属性归零。只需添加一些CSS供参考:
input:focus,
textarea:focus {
outline: 0;
-moz-outline-style: none;
border-color: rgba(82,168,236,.8);
}
归零:
outline:none代码>
input:focus,
textarea:focus {
outline: 0;
-moz-outline-style: none;
border-color: rgba(82,168,236,.8);
}