input框focus时的美化效果

input {border: 1px solid #ccc;padding: 7px 0px;border-radius: 3px;padding-left: 5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadowease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out.15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s}input:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8pxrgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8pxrgba(102, 175, 233, .6)}