Изменение стиля поля Input при событиях focus и blur
Написал такой css
inputlogin input { font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:normal;color:#666;padding:10px 0 0 10px;border:none;width:90%;height:30px;background:none} .inputlogin { background:url(../images/input.png) left top no-repeat;width:190px; height:45px;border:none} .inputactive input { font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:normal;color:#666;padding:10px 0 0 10px;border:none;width:90%;height:30px;background:none} .inputactive { background:url(../images/inputactive.png) left top no-repeat;width:190px; height:45px;border:none} JS <script type="text/javascript"> $(function () { $('input[type="text"]').focus(function() { $(this).addClass("inputactive"); }); $('input[type="text"]').blur(function() { $(this).removeClass("inputactive"); }); }); </script> часть формы <label>фамилия</label><br /> <div class= "inputlogin" ><input type="text" name="sername" id="sername"/></div> </div> Если из css убрать этот код, то работает inputlogin input { font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:normal;color:#666;padding:10px 0 0 10px;border:none;width:90%;height:30px;background:none} подскажите пожалуйста как это можно сделать. |
inputlogin заменить на .inputlogin
|
я вставил не правильно. В скрипте на самом деле .inputlogin
|
Скорее всего конфликт стилей, хотя если они у тебя в css точно в таком же порядке, то очень странно...
Как вариант, удалять класс .inputlogin и ставить его обратно $(this).addClass("inputactive").removeClass("input login"); $(this).removeClass("inputactive").addClass("input login"); Если это поможет, значит стили конфликтуют и надо думать. |
Часовой пояс GMT +3, время: 01:25. |