Помощь Noob с формой ввода Jquery, Фокусом, Размытостью, Нажатием клавиши - Курсор не меняется?

Question

У меня проблемы с созданием формы с каким-то необычным jquery, похожим на сайт tumblr.

• Я использую плагин по этой ссылке http://fuelyourcoding.com/scripts/infield/

Thisэто то, с чем я до сих пор работаю http://www.messtudios.com/form/index2.html

То, что я хочу сделать, но не могу понять, это изменение курсора: указатель на курсор: текст, после того, как вы нажали на поле ввода.

Аналогично форме входа в систему или регистрации в Tumblr.

В настоящее время метка расположена над полем и будет принимать только: hover, а не: focus, поскольку она имеет метку.

Anyпомощь будет очень полезна заранее, спасибо.

Если я убрал ширину и заполнение метки, она будет работать только в той области, где нет текста метки (все еще не приемлемо, хотя выглядит больше как в нужном мне направлении)чтобы идти, однако, когда вы наводите курсор мыши на текст метки, курсор снова превращается в указатель)

Добавление сработало.var $ input = $ ('input');$ Input.focus (функция () {$ (это) .prev () CSS ( 'курсор', 'текст').});$ Input.blur (функция () {. $ (Это) .prev () CSS ( 'курсор', 'указатель')});

Answer 1

Вы должны быть в состоянии сделать это полностью с помощью CSS. Для приведенного примера просто добавьте -

label.infield{
    cursor: text;
}

Редактировать

Если вы хотите, чтобы все выглядело так, то, похоже, следующее поможет:)

var $input = $('input');
$input.focus(function(){$(this).prev().css('cursor','text')});
$input.blur(function(){$(this).prev().css('cursor','pointer')});