Значение многоточия '...' не правильного цвета

Question

У меня есть таблица с 3 точками '...' в конце каждой строки, когда это необходимо (переполнение текста). Я использовал значение многоточия свойства text-overflow. Это работает: при изменении размера окна отображается «...», но у меня есть 2 проблемы, когда строка в моей таблице содержит интервал:

• '...' окрашены в цвет шрифта диапазона
• размер "..." изменен, размер шрифта диапазона

См. Демо здесь: http://jsfiddle.net/Ah4DR/1/

Возможно, это вопрос новичка, но я какое-то время искал и не нашел решения.

Я забыл сказать, что это не работает на Internet Explorer , но отлично работает на Chrome.

Спасибо!

Answer 1

У меня была такая же проблема;в то время как мой текст был белым на темно-сером, цвет эллипса казался черным.Я решил это, просто установив цвет, который содержал переполнение текста: ellipsis, например:

.ellipsis-div {
    white-space: nowrap;
    width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;       /* --> ellipsis color */
}

Answer 2

Это, конечно, ошибка в IE. Это (по какой-либо причине) чтение цвета первого элемента (или, возможно, это первый контент), чтобы определить цвет многоточия. Тем не менее, я нашел «обходной путь» для ошибки. Я бы порекомендовал, если это возможно, каким-то образом настроить его так, чтобы он был нацелен на IE (и только на элементы td, на которых вы используете text-overflow), но в качестве подтверждения концепции это исправляет:

td:before {content: ''; color: black;}

Очевидно, что первый td контент, который определяет цвет, не обязательно должен быть реальным контентом, потому что псевдо контент работал.