кнопка: активные проблемы со стилем на сафари

Question

Обнаружена проблема, из-за которой текст кнопки «исчезал», когда мы долго нажимали на кнопку в сафари.

Чтобы указать контекст, кнопка имеет стиль, как показано ниже

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

Довольнопрямолинейно и без происшествий.Но когда вы долго нажимаете кнопку на сафари, цвет текста меняется на 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

Что ж, после бега по исходному коду Safari в git, я смог понять, что они используют activebuttontext как переменную для применения цвета "#FFF" по мере необходимости.

Соответствующую строку можно увидеть здесь в хранилище webkit

case CSSValueActivebuttontext:
        return 0xFF000000;

Это, в свою очередь, применяется как таблица стилей агента пользователя к элементу button.