Input 鼠标经过变色

最新推荐文章于 2023-09-22 10:53:32 发布

diaochourou0502

最新推荐文章于 2023-09-22 10:53:32 发布

阅读量756

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/hm21/archive/2012/09/20/2695343.html

版权

Xhtml

<input id="inp_name" class="input_out" name="" type="text" 
onfocus="this.className='input_on';this.οnmοuseοut=''" 
onblur="this.className='input_off';this.οnmοuseοut=function(){this.className='input_out'};" 
onmousemove="this.className='input_move'" 
onmouseout="this.className='input_out'" />

Css

/*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:16px;默认高度*/padding:2px 8px 0pt 3px;height:18px;border:1px solid #CCC;background-color:#FFF;}