Как добавить downarrow после элемента с CSS?

92
11

Я хотел бы добавить стрелки в мою отсортированную таблицу на этой странице

Я попытался добавить этот код в css:

table th.headerSortUp:after {
content: " ↑";
}

table th.headerSortDown:after {
content: " ↓";
}

Но это не отображает стрелки "↑" and "↓" но вместо html-объектов: "↑" and "↓" "↑" and "↓"

или даже лучше было бы up- и стрелка вниз, которую я нашел здесь: http://graphemica.com/search?q=ARROW+TO+BAR

спросил(а) 2021-01-19T14:49:11+03:00 9 месяцев, 1 неделя назад
1
Решение
137

попробуйте вместо этого использовать свои позиции unicode

table th.headerSortUp:after {
content: " \2191";
}

table th.headerSortDown:after {
content: " \2193";
}

table th:after {
color: #123456;
}

См. Http://www.blooberry.com/indexdot/html/tagpages/entities/arrow.htm для других символов стрелок.

ответил(а) 2021-01-19T14:49:11+03:00 9 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема