常见input输入框 点击 发光白色外阴影 focus

参考http://www.mamicode.com/info-detail-880111.html

 .field input{
                    width: 85%;
                    height: 2.5em;//input高度
                    margin-top: 2%;
                    border: 1px solid #d8d8d8;
                    background: #fcfcfc;
                    line-height: 2em;
                    border-radius:0.45em;
                }
                /*鼠标点中input*/
                .field input:focus{
                    -webkit-box-shadow: 0 0 5px #ccc;/*点击input 外阴影*/
                    -moz-box-shadow:0 0 5px #ccc;
                    box-shadow: 0 0 5px #ccc;
                    border-color:#fff ;/*黑色边框改为白色*/
                    outline:0;/*去掉默认谷歌点击input边框显示蓝色  */
                    background: #fff;/*input内背景为白色*/


                }