1

現在、次のように複数のフィールドが設定されたフォームがあります (Twitter Bootstrap を使用しています)。

<div class="input-prepend">
  <span class="add-on"><i class="icon-envelope"></i></span>
  <input id="contactEmail" type="text" placeholder="E-mail" />
</div>

私がやりたいのは、テキストボックスがフォーカスされたとき（#contactEmail:focus）、背景色を変更することですspan.add-on。私は次の兄弟を取得するための CSS セレクターに精通していますが、それはテキストボックスが の直前に ある場合にのみ機能しspan.add-onます。CSSのみを使用して前の兄弟を取得する方法はありますか? IE7 以下はサポートしていません。

前もって感謝します！

4

2 に答える 2

1

いいえ、 CSSのみを使用して前の兄弟を選択する方法はありません。ただし、Javascript/jQuery (それぞれ.previoussiblingおよび.prev())を使用するだけで簡単に実現できます。

于 2013-03-29T13:03:34.830 に答える
0

css を使用して前の兄弟を達成することは不可能です

于 2013-03-29T13:04:47.877 に答える