3

MVC3アプリケーションを開発していて、checkboxesラベルを選択する必要があります。

ASP MVC3には、コードの一部を作成するヘルパーメソッドがあります。したがって、aのコードはcheckbox次のようになります。

<input id="Jumping_successleicht" type="checkbox" value="true" name="Jumping_successleicht">
<input type="hidden" value="false" name="Jumping_successleicht">
<label for="Jumping_successleicht">
<span>leicht (4)</span>
</label>

labelこれで、次のコードを使用して:を選択できると思いました。

input[type=checkbox] + label {
    background: url("../../Images/Controls/Checkbox.png") no-repeat scroll left center transparent;
    clear: none;
    cursor: pointer;
    margin: 0;
    padding: 5px 0 4px 24px;
}

しかし、それは機能しません。labelそれはのように見えinput、互いに隣接している必要があります。

この問題を解決する方法を持っているオニーはありますか?

4

2 に答える 2

4

<label for="#">要素のターゲットを普遍的に選択するために使用できる CSS セレクターはありません。+セレクターは「隣接する兄弟」セレクターです。

いくつかの回避策があります。

  • 要素<input>を要素内に直接配置し<label>ます (属性は必要ありませんfor="")。
  • を使用するには、それぞれ<input />に固有のid=""属性を設定する必要があるため<label for="">、スタイルシートで ID のチェックボックスを選択するだけです。
  • 適切な入力ごとにクラスを割り当てます。
  • 各入力とそのラベルのラッパーを作成します。
于 2012-08-26T21:01:33.603 に答える
3

多分あなたはこれを試すことができますか?

        input[type="checkbox"] + label{
            background-color:red;
        }
于 2012-08-31T15:37:05.627 に答える