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

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

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

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

最终效果