0

私はこのHTMLマークアップを持っています:

<ul>
    <li>
        <input type="text">
    </li>
    <li>
        <input type="password">
    </li>
</ul>

li子のテキスト ボックスに注目するたびに、CSSを使用して親のスタイルを変更したいと思います。:focusセレクターまたは他のセレクターでこれを行う方法はありますか? または、Javascriptでこれを行う必要がありますか?

4

4 に答える 4

0

私の最初のコメントを拡張するには: css には親セレクターがありません。

目的がフォーカスのある入力を強調表示することである場合、回避策は各入力に太い境界線を付けることです。

ul {list-style-type:none;}
input {border:20px solid green;}
input:focus {border:20px solid red;}

デモ: http://jsfiddle.net/dgXcE

于 2013-10-01T15:23:15.487 に答える
0

子がフォーカスされているときにcssを使用して親を選択する方法がわかりません。しかし、私はあなたがこれを行うことができるjavascriptの方法でしか知りません。

jQuery用

$('input').on('focus', function(){  
    $(this).parent().css(/* the css you want to change */)
})

この助けを願っています。

于 2013-10-01T03:59:35.867 に答える
0

Li に焦点を当てる最良の方法は、画像を使用するか、境界線の色を変更することです。これは、それをどのように使用するかについてのアイデアに依存します。

css ファイルでこれを使用してみてください:

ul {list-style-type:none;}
input {border:10px solid yellow;}
input:focus {border:10px solid green;}
于 2013-10-01T06:17:20.830 に答える