Написал такой 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}
подскажите пожалуйста как это можно сделать.