Изменить стиль родителя текстового поля при фокусировке на текстовом поле

Чтобы расширить мой первоначальный комментарий: css не имеет родительских селекторов.

Если ваша цель состоит в том, чтобы выделить вклад, который имеет фокус, обходным путем было бы дать каждому входу толстую границу:

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

Демо: http://jsfiddle.net/dgXcE

Лучший способ сосредоточиться на Ли, его лучше использовать изображение или менять цвета границы, это зависит от вашей идеи, что вы собираетесь использовать его.

Попытайтесь использовать это в своем файле css:

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

$( "input" ).focus(function() {
$( this ).parent().css( "list-style", "none" );
});

см. http://jsfiddle.net/SGETp/6/

Я не знаю, как использовать css, чтобы выбрать родителя, когда его ребенок находится в фокусе. Но я знаю только в javascript, что вы можете это сделать.

для jQuery

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

Надеюсь, это поможет.