密码:
目的:在用户输入点击密码输入框的时候,背景颜色提示,输入完成后输入下一个文本框的时候该框又恢复到原来的样子。
css代码:
input:focus,textarea:focus , 以此类推
{
border:1 px solid #f00;
background:#fcc;
}
但是,ie6并不支持除超链接元素之外的:hover伪类选择器,此时可用jquery来弥补。
1:首先,在css中添加一个类名为focus的样式
css代码:
.focus {
border:1 px solid #f00;
background :#fcc;
}
2:利用jquery为文本框添加获取和失去焦点事件
jquery代码:
$(function(){
$(":input").focus(function(){
$(this).addClass("focus");
}).blur(function(){
$(this).removeClass("focus");
});
});