Вернуть инпуту старый стиль

1. Женек (24.05.2011 / 12:13)

$("input:text,input:password").focus(function (){

	$(this).css({background:"#fffeb6", border:"1px red solid"});

	}).blur(function(){
		$(this).css({background:"white", border:"1px black solid"});

		});

суть - при фокусе на инпуте, меняется цвет фона в инпуте и рамка становиться красной, когда выхожу с инпута все возвращается назад. Так вот... как то сбивается стиль и съеживаются инпуты в размере... Не пойму как бы так правильно вернуть им первоначальные стили... Есть идеи?)

2. Дмитрий (24.05.2011 / 12:44)
Вот у меня так http://www.dimavip.ru/rapidmail

$('input.text-input').css({backgroundColor:"#ffffff"});
$('input.text-input').focus(function()
{
    $(this).css({backgroundColor:"#FFDDAA"});
});

типо, так. А сам инпут имеет вид

<input style="width:100%;" type="text" id="name" maxlength="30" class="text-input" />

Я немного не понял вопроса. Посмотри исходный код.

3. Даниил (25.05.2011 / 10:00)
перед фокусом сохрани в переменные изночальный стиль и пре блуре задавай параметры этими переменными

4. Богдан (25.05.2011 / 15:43)
1. Лучше не стиль меняй прямо в элементе, а добавляй/удаляй класс.

$('input.text-input').addClass('default');
$('input.text-input').focus(function()
{
    $(this).addClass('focus');
});
$('input.text-input').blur(function()
{
    $(this).removeClass('focus');
});

URL: https://visavi.net/topics/21812