0

ASP.NETテキストボックスがあります。テキストボックスにフォーカスが移ったときに境界線の色を緑に設定しようとしていますが、テキストボックスのクラスについて具体的に説明したいと思います。テキストボックスは次のようになります-

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

注：最初にBorderStyle = "None"があります。これは、テキストボックスにフォーカスがない場合、境界線を表示したくないためです。現在、ピント合わせで境界線が表示されていますが、希望する色ではありません。

私はCSSファイルで次のことを試しました-

.myInput:focus {
                 border: green;
              }

と

input.myInput:focus {

                    border: green;
                }

（および他のいくつか）しかし、何も機能していません。誰かがそれをどのように行うことができるか教えてもらえますか？ありがとう！

4

4 に答える 4

2

BorderStyle="None"はい、コントロールからを削除する必要がありますTextBox。

borderCSS でこのスタイルを設定すると、focus

これを見てくださいhttp://jsfiddle.net/xXEWK/

最初はテキストボックスが見えません - 'Textbox ->' と表示されている場所のすぐ右をクリックしてください

于 2012-11-01T17:40:51.197 に答える
1

これを見てください

代わりに border: green使用する必要がありますborder: 1px solid green;

そして、あなたのテキストボックスは次のようになります

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

アップデート

jQueryを使ったほうがいいと思います。

フォーカスにクラスを追加し、フォーカスが外れたらクラスを削除できます

focusとfocusOutの詳細を見る

このサンプルを見る

于 2012-11-01T17:42:46.937 に答える
1

私は使わなければならなかった -

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

境界線のスタイルが他の CSS 設定によって上書きされていたためです。

于 2012-11-01T18:34:33.690 に答える
0

あなたはこのように使うことができます

<asp:TextBox ID="txtSearch" CSSClass="myInput" runat="server">Search</asp:TextBox>
于 2012-11-01T18:41:20.527 に答える