本文介绍如何创建一个符合CSS标准且兼容多种浏览器的HTML输入框，详细讲解了通过CSS和JavaScript实现input元素在鼠标经过、点击时的背景颜色变化，提升用户体验。通过设置不同状态的CSS类，如.input_on、.input_off等，以及利用onblur、onfocus等事件，实现在鼠标交互下的输入框变色效果。
今天来说说对input输入框在处理上的细节处理和心得，其实制作一个符合CSS标准、FF/IE7/IE6等主流浏览器全兼容、符合用户体验的input其实并不难。先点击看看下面的效果先！
以下是代码片段：
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
表单效果*{
margin:0;
padding:0;
}
body{
font-size:63%;
color:#000;
}
/*input*/
.input_on{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_off{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}
.input_move{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_out{
/*height:1
最低0.47元/天 解锁文章
扫一扫
748
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
