input获得焦点时的样式

目的：实现如图所示效果，当input框获取焦点时边框及背景颜色发生改变。

css部分代码如下所示：

input:focus{
    background: #FFFFFF;
    border: 1px solid #2DA7E0;
     /* 解决input按钮自动填充后 浏览器渲染的默认背景问题 */
    box-shadow: inset 0 0 0 1000px #FFFFFF!important;
}