Html 按钮'；s：活动状态不为'；t在Safari中释放鼠标按钮后返回：悬停状态_Html_Css_Safari

Html 按钮'；s：活动状态不为'；t在Safari中释放鼠标按钮后返回：悬停状态

html css safari

Html 按钮'；s：活动状态不为'；t在Safari中释放鼠标按钮后返回：悬停状态,html,css,safari,Html,Css,Safari,这个问题只在Safari中出现，它不会出现在小提琴或片段中。您必须将其保存到本地文件并打开它。这是我的密码： <head> <style> .testclass { height: 50px; background-color: #f00; width: 100px; border: none; } .testclass

这个问题只在Safari中出现，它不会出现在小提琴或片段中。您必须将其保存到本地文件并打开它。这是我的密码：

<head>
    <style>
        .testclass {
            height: 50px;
            background-color: #f00;
            width: 100px;
            border: none;
        }

        .testclass:hover {
            background-color: #0f0;
        }

        .testclass:active {
            background-color: #00f;
        }
    </style>
</head>
<body>
    <button id="testdiv" class="testclass">
      Test
    </button>
</body>


.testclass{
高度：50px；
背景色：#f00；
宽度：100px；
边界：无；
}
.testclass:悬停{
背景色：#0f0；
}
.testclass:活动{
背景色：#00f；
}
试验

单击后，按钮将保持蓝色，直到移动光标-与预期的绿色状态不同

更新：我正在使用10.13 High Sierra和Safari 11.0。经过进一步测试，最新版本的Safari技术预览版仍然没有修复此错误。然而，我的Mac电脑上最新的Chrome和Firefox看起来都很好。我朋友的Mac 10.12版和Safari 10版也没有这个问题。

经过一些研究，我意识到这是一个相当新的bug，它仍在开发中

关于webkit bugzilla的页面：

希望他们能很快解决这个问题