el-input获取焦点时样式改变 :focus伪类

重命名文件夹时的效果，当获取焦点时，input框的背景颜色改变

本来想用@focus事件用js写然后绑定样式的，不仅麻烦而且样式没改变。。。
百度一下才知道有这么好用的伪类！

//（scss语言）
.el-input__inner {
      padding-right: 60px;
      background: rgba(245, 245, 245, 1);
      &:focus{
        background: #fff;
      }
 }

最终效果