CSS3 box-shadow文本框聚焦效果
div{
padding:5px 0;
}
.enter{
width:400px;
padding:4px 3px 5px;
border:1px solid #999;
-moz-border-radius:2px;
border-radius:2px;
-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.2); /* For Firefox3.6+ */
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.2); /* For Chrome5+, Safari5+ */
box-shadow:inset 1px 1px 2px rgba(0,0,0,.2); /* For Latest Opera */
background-color:#fff;
color:#666;
}
.enter:hover{
-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.3); /* For Firefox3.6+ */
-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.3); /* For Chrome5+, Safari5+ */
box-shadow:inset 1px 1px 3px rgba(0,0,0,.3); /* For Latest Opera */
}
.enter:focus{
outline:none;
-moz-box-shadow:0 0 5px rgba(0,0,0,.5); /* For Firefox3.6+ */
-webkit-box-shadow:0 0 5px rgba(0,0,0,.5); /* For Chrome5+, Safari5+ */
box-shadow:0 0 5px rgba(0,0,0,.5); /* For Latest Opera */
}