ASP.NET文本框，在外部CSS文件中设置焦点边框颜色

我有一个ASP.NET文本框。我试图在文本框获得焦点时将边框的颜色设置为绿色，并且我想具体说明文本框的类。文本框看起来像这样 -ASP.NET文本框，在外部CSS文件中设置焦点边框颜色

<asp:TextBox CssClass="myInput" BorderStyle="None" runat="server">Search</asp:TextBox>

注意：我有边框=“无”下手，因为当文本框没有焦点，我想没有边界表现。目前边框显示为对焦，但不是我想要的颜色。

我试图在我的CSS文件中的以下 -

.myInput:focus { 
       border: green; 
       }

和

input.myInput:focus { 

        border: green; 
       }

（和其他一些），但没有奏效。有人可以告诉我怎么做？谢谢！

2012-11-01 A Bogus

而不是边界并尝试使用边框颜色：如果你只是想改变它的颜色。 –

我不得不使用 -

.myInput:focus { 
     border:solid 1px green !important; 
}

由于其他CSS设置正在覆盖边框样式。

2012-11-01 18:34:33

是的，你需要从你的TextBox控制中删除BorderStyle="None"。

设置border风格为这个在CSS，那么你可以使用focus

你看不到文本框在第一 - 只需单击即可，其中权你看到 '文字框 - >'

2012-11-01 17:40:51 Darren

我有BorderStyle =“无”开始，因为当文本框没有焦点时，我不想显示边框。目前边框显示为对焦，但不是我想要的颜色。 –

是的，这就是停止出现绿色边框的原因。你需要在CSS中设置它。看看我发布的小提琴，它会告诉你。 CSS在右边，文本框在左边。 – Darren

谢谢达伦！有一个边框出现，它只是错误的颜色。原来它被其他CSS覆盖。 –

看一看相反的，你需要使用border: 1px solid green;this

和你的文本框应该是这样的

<asp:TextBox CssClass="myInput" runat="server">Search</asp:TextBox>

更新

我认为然后它能够更好地使用jQuery。

您可以foucus添加一个类和删除类时聚焦

查看更多有关focus和focusOut

看到这个sample

2012-11-01 17:42:46

他还需要删除border =“none”才能工作。如果添加Style =“border：none;”在你的小提琴中输入，它不会改变焦点上的颜色 – Darren

@Darren：当然，更新！ –

看，这就是为什么我在我的小提琴上设置边框为0px;他显然不希望边界开始.. :) – Darren

你可以使用这样

<asp:TextBox ID="txtSearch" CSSClass="myInput" runat="server">Search</asp:TextBox>

2012-11-01 18:41:20 Vikas

回答