一个不错的文本框的样式

DATE: 2016-11-10 / VIEWS: 1297

在大大IT博客里发现的,删除了CSS里一些属性.发现效果没有变.

我用的是WIN XP + IE6.0

程序代码 程序代码

<html>
<head>
<title>css-文本框</title>
<style type="text/css">
<!--
.box1,.box2 { width:144px;  height:22px; line-height:22px; border:1px solid #A9BAC9;background:url(http://cn.yimg.com/i/mail/06/bg_box1.gif) no-repeat #fff; padding:0 3px; font-size:12px; }
.box2 { border:1px solid #9ECC00;}
-->
</style>
</head>
<body>
<INPUT class=box1 id=login
onmouseover="this.className='box2'" onMouseOut="this.className='box1'"
name=login>
</body>
</html>