Ошибка цвета текста в бордюре Webkit

Question

У меня есть некоторый HTML-код, эмулирующий контекстное меню приложения для Mac OS X, и я столкнулся с проблемой как в Chrome, так и в Safari.

Посмотрите на этот пример здесь (http://jsfiddle.net/HenXL/1/) как в Chrome, так и в Firefox. В Chrome по какой-то причине цвет текста элементов родного элемента к элементу hr становится таким же, как и у границы элементов hr цвет.

Я не уверен, почему это происходит, возможно, я допустил очевидную ошибку (уже поздно), но не вижу проблемы с кодом.

Может кто-нибудь сказать мне, почему это происходит, или пролить свет на ситуацию?

Answer 1

Это похоже на ошибку в текущей стабильной версии Chrome (13), по крайней мере, на Mac. Как ни странно, если вы выделите текст, он изменит цвет, чтобы стать белым, как и должно.

Кажется, это исправлено в 14 и далее.

Это вызвано границей: прозрачный; в вашем правиле .content hr. Вот оно, снято: http://jsfiddle.net/AJfcQ/

Может быть связано с этой проблемой: http://crbug.com/68371