Css 按钮：safari上的活动样式问题

当我们在safari上长按按钮时，遇到一个按钮文本“消失”的问题

为了提供上下文，按钮的样式如下所示

button{
border:1px solid #ccc;
background-color:#FFF;
padding:5px;
}

非常直截了当，平淡无奇。但是当你长按safari上的按钮时，文本的颜色会变为

activebuttonext

请注意，当您像这样显式地为按钮设置颜色时，不会发生这种情况

 button{
    border:1px solid #ccc;
    background-color:#FFF;
    color:red
    padding:5px;
    }

这里给出的jsfiddle是为了重现这个问题-

这在其他基于webkit的浏览器（如Chrome）上也不会发生

长话短说，这是什么？它是如何导出的

---

注意：不要寻找修复程序，因为修复程序很简单。

好吧，在使用git运行Safari源代码之后，我们能够理解他们正在使用

activebuttontext

作为排序变量，根据需要应用“#FFF”颜色

这条有问题的线可以在图中看到

这反过来会作为用户代理样式表应用于

按钮

元素

case CSSValueActivebuttontext:
        return 0xFF000000;