一个好看的textbox鼠标滑动样式。。

当我鼠标移到第一个textbox上时,它明显变大了 并且带有颜色。

html+CSS

//CSS样式

<style type="text/css">
       
      .input_on{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #C9E0FF;
background-color:#FAFAFA;
}
.input_off{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #C9E0FF;
background-color:#FFF;
}
.input_move{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #C9E0FF;
background-color:#FAFAFA;
}
.input_out{
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
border:1px solid #C9E0FF;
background-color:#FFF;
}
        
    </style>



HTML代码~~~

 <asp:TextBox ID="tex_rwmc" runat="server" Width="140px" class="input_out" name=""
   onfocus="this.className='input_on';this.onmouseout=''" onblur="this.className='input_off';this.onmouseout=function(){this.className='input_out'};"
   onmousemove="this.className='input_move'" onmouseout="this.className='input_out'"></asp:TextBox>

你可能感兴趣的:(text)