解决Safari文件上传后:hover状态冻结不更新的问题

在Safari浏览器中使用文件上传控件时，会出现一个问题：选择文件后，控件的:hover状态会冻结，只有再次移动鼠标才会更新样式。

示例代码 #

CSS

input:hover {
  background-color: red;
}

HTML

<input type="file">

复现步骤 #

• 在Safari中打开页面
• 点击文件输入框选择文件，全程不移动鼠标
• 此时:hover状态不会自动更新，控件仍保持hover样式

已尝试的无效方案 #

• 强制WebKit重绘/重排的常规方法
• 针对Chrome的鼠标空闲时强制更新光标的方案

请求 #

求有效的JavaScript或CSS方案，能在文件选择的change事件触发后，让浏览器自动更新光标位置与:hover状态，感谢！

内容的提问来源于stack exchange，提问作者Ood