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