微笑的狼’blog-CSS实现自定义文本框样式和鼠标经过文本框响应效果

CSS实现自定义文本框样式和鼠标经过文本框响应效果

CSS的强大大家想必也都领教过了。用CSS可以做出很多很酷很人性化的设计。
今天做一个简单的小例子，和大家分享一下。
鼠标经过文本框响应效果
代码很简单，原理是用CSS设置input边框为无，然后在为DIV设置一个背景作为文本框边框，为DIV设置鼠标经过（onmouseover）和鼠标离开（onmouseout）两个状态。当鼠标经过时更改div背景实现文本框鼠标经过响应效果。