el-input的focus和hover样式冲突

可以尝试使用CSS的!important关键字来解决这个问题，比如将hover样式的属性值加上!important，这样就可以覆盖掉focus样式的影响，示例代码如下：

.el-input:hover {
  background-color: #f5f5f5 !important;
}

.el-input:focus {
  border-color: #409EFF;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}

当鼠标悬停在el-input上时，会显示hover样式，而当el-input获得焦点时，会显示focus样式，两者不会冲突。