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

标签 css

<分区>

我想在 this page 上的可排序表中添加箭头

我尝试的是将这段代码添加到 css 中:

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

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

但这不会显示箭头 "↑"和 "↓"，而是显示 html 实体:"↑"和“↓”

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

最佳答案

尝试改用他们的 unicode 位置

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

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

table th:after {
   color: #123456;
}

关于css - 如何使用 CSS 在元素后添加向下箭头？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19375764/

相关文章：

html - 页面底部的 Bootstrap 页脚