Если не работает text-line-through-color

Сегодня занимался редактированием главной страницы одного интернет-магазина, и столкнулся с одной небольшой проблемой… Поставленная задача включала отображение старой цены перечеркнутой красной линией, но цвет текста должен был оставаться черным.

Простым добавлением стиля в таблицу css:

{

text-decoration: line-through; /* перечеркивание текста  */

text-line-through-color: # ff0000; /* цвет линии перечеркивания */

}

задачу решить не удалось.  Правило text-line-through-color почему-то не отображается в браузере. И цвет текста и линии, которая его перечеркивает остаются черным - Старая цена — 9600 Р.

Прямое добавление стиля в страницу:

<span style="text-decoration: line-through; color: #ff0000;">Старая цена — 9600 Р.</span>

также не дало ожидаемого результата. И текст и линия отображаются красным - Старая цена — 9600 Р.


Пришлось пойти таким путем:

<span style="text-decoration: line-through; color: #ff0000;">
<span style="color: #000000;">Старая цена — 9600 Р.</span>
</span>

В результате добился требуемого результата —  Старая цена — 9600 Р.

Комментариев еще нет.

Оставить комментарий