7

我想在此页面上的可排序表中添加箭头

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

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

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

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

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

4

1 回答 1

10

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

于 2013-10-15T07:46:19.603 回答