css - 如何在使用 CSS 的元素后添加向下箭头？

Question

我尝试的是将此代码添加到css：

table th.headerSortUp:after {
   content: " &uarr;";
}

table th.headerSortDown:after {
   content: " &darr;";
}

但这不会显示箭头"↑" and "↓"，而是显示 html-entities："↑" and "↓"

甚至更好的是我在这里找到的向上和向下箭头： http ://graphemica.com/search?q=ARROW+TO+BAR

score 10 · Accepted Answer

尝试改用他们的 unicode 位置

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

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

table th:after {
   color: #123456;
}

1 回答 1