如何在带有 CSS 的元素后添加向下箭头？ [复制]

Posted 2023-03-05

【中文标题】如何在带有 CSS 的元素后添加向下箭头？ [复制]

【英文标题】：How add a downarrow after an element with CSS? [duplicate]

【发布时间】：2013-10-22 22:26:44

【问题描述】：

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

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

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


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

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

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

【参考方案1】：

尝试改用他们的 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。

【讨论】：

谢谢，我现在用 \2912 和 \2913 表示 ⤒ 和 ⤓。我怎样才能为箭头的其余内容提供另一种颜色？

查看更新后的答案。

我在你的帮助下解决了这个问题：gist.github.com/rubo77/7003745 另见github.com/tcatm/ffmap-d3/pull/35