0

私がやりたいのは、「入力」に焦点を合わせたときに「アプリ検索」の境界線を変更することだけです。CSSだけを使用してそれを実行したいと思います。

ヘルプ？ありがとうございました ：）

<form class="apps-search" type="text"  method="GET">
   <input name="search_query" id="search_query" placeholder="Hey" />
<button type="submit"> <span class="search-icon"> S</span></button>
</form>

私のコード： http： //jsfiddle.net/yhQ2C/

編集：わかりました、これはCSS、jquery / javascriptヘルプでは実行できませんか？

4

2 に答える 2

1

2 つの CSS クラス (つまり、 apps-searchとapp-search-black-border )をセットアップする必要があります。

次に、いくつかの基本的な jquery を使用して切り替えを行います。何をする必要があるかを説明する記事は次のとおりです 。

于 2013-03-04T19:27:41.713 に答える
0

フォーカスとブラー用のjqueryハンドラーとサンプルのcssクラス「hover-border」を追加しました。これがフィドルです-http://jsfiddle.net/yhQ2C/4/

$('#search_query').focus(function(){
    $('.apps-search').addClass('hover-border');
});

$('#search_query').blur(function(){
    $('.apps-search').removeClass('hover-border');
});
于 2013-03-04T19:37:27.990 に答える