用CSS实现阴影效果就要用CSS3来实现，而且只有支持CSS3的浏览器能看到效果。IE的话9以上能看到阴影，以下的都看不到
input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}试试这段。
box-shadow:0px -10px 0px 0px #ff0000, /*上边阴影
-10px 0px 0px 0px #3bee17, /*左边阴影
10px 0px 0px 0px #2279ee,/*右边阴影
0px 10px 0px 0px #eede15;/*下边阴影
css3实现.shadow{ box-shadow: 0 0 3px #000;}
div
{
box-shadow: 10px 10px 5px #888888;
}
.shadow{
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background: #EEFF99;