Jquery 方式input textarea 的高亮实现

通过 query 的链式调用的方式把实现聚焦脱焦的高亮。其中mod-cus-input-focus 为高亮的 css 样式。

高亮 input 样式

mod-cus-input-focus{border:1px solid #377BCB;border-right-color:#377bcb;border-bottom-color:#377bcb}

普通 input 样式

mod-cus-input{border:1px solid;border-color:#d8d8d8 #e5e5e5 #e5e5e5 #d8d8d8;box-shadow:2px 3px 3px #f6f8f9 inset;-moz-box-shadow:2px 3px 3px #f6f8f9 inset;-webkit-box-shadow:2px 3px 3px #f6f8f9 inset;outline:none;padding:0 8px;width:212px;height:26px;font-size:12px;*line-height:26px;line-height:26px\0;padding:1px 8px;-webkit-transition-property:background-color,color,width,border-color;-webkit-transition-duration:.5s;-moz-transition-property:background-color,color,width,border-color;-moz-transition-duration:.5s;-o-transition-property:background-color,color,width,border-color;-o-transition-duration:.5s;transition-property:background-color,color,width,border-color;transition-duration:.5s}

 

普通 textarea 样式

textarea{line-height:18px;resize:none;padding-top:5px;padding-bottom:5px;overflow:auto}

 

jquery 聚焦脱焦的样式实现

$("input[type='text'], input[type='password'], textarea").focus(function(){$(this).addClass("mod-cus-input-focus")}).blur(function(){$(this).removeClass("mod-cus-input-focus")});