由于您正在使用这些箭头作为拨动开关，您可能需要考虑使用以下样式而不是unicode字符在html元素中创建这些箭头。

.upparrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   border-bottom-color: #000;
}

.downarrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   border-top-color: #000;
}

http://jsfiddle.net/FrsGR/

我知道我迟到了，但你也可以用普通的CSS来完成这个:

HTML:

(它可以是任何HTML元素，如果你正在使用一个内联元素，例如<span>，确保你使它成为一个block/内联块元素display:block;或显示:inline-block):

<div class=“up”></div>

and

<div class=“down”></div>

CSS:

.up {
   height:0;
   width:0;
   border-top:100px solid black;
   border-left:100px solid transparent;
   transform:rotate(-45deg);   
  }

.down {
   height:0;
   width:0;
   border-bottom:100px solid black;
   border-right:100px solid transparent;
   transform:rotate(-45deg); 
  }

您还可以使用:before和:after伪元素来完成它，这实际上是一种更好的方法，因为您可以避免创建额外的标记。但这取决于你想如何完成它。

--

这是CodePen中的一个演示，有许多箭头的可能性。

▲▼ 分别是U+25B2 (&#x25B2)和U+25BC (&#x25BC)

这里很多人建议用三角形，但有时你需要一个雪佛龙。

我们有一个例子，我们的按钮显示了一个雪佛龙，并希望用户手册以一种非技术用户也能识别的方式引用按钮。所以我们需要一个雪佛龙标志。

最后我们使用了﹀。它被称为直角括号表示表，代码为U+FE40。

我使用▼和▲，但它们可能不适合您。我使用alt 11551为第一个和11550为第二个。如果你的系统的ascii不一样，你总是可以复制粘贴它们。

HTML实体 北京时报读者评论: ►= &#9658; ▼= &#9660; ▲= &#9650;