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

回答