按钮：Safari上的主动式样式问题

Question

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

要提供上下文，按钮的样式如下

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

相当简单和平稳。但是，长按Safari浏览器上的按钮时，文本的颜色将变为activebuttontext。

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

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

给出

jsfiddle来重现该问题-http://jsfiddle.net/402Lrj7x/8/

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

长话短说，color:activebuttontext是什么？它是如何得出的？

PS：由于该修补程序很简单，因此不查找修补程序。

Answer 1

好吧，在git中使用Safari源代码运行后，能够理解他们使用activebuttontext作为某种变量来按要求应用“ #FFF”颜色。

有问题的行可以在webkit repository

中看到

case CSSValueActivebuttontext:
        return 0xFF000000;

这又作为用户代理样式表应用于button元素。