我知道我迟到了，但你也可以用普通的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中的一个演示，有许多箭头的可能性。

由于您正在使用这些箭头作为拨动开关，您可能需要考虑使用以下样式而不是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/

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

“不是ASCII (neither's↑/↓)”需要限定。

虽然这些字符在美国信息交换标准代码中没有定义为符号，但它们的代码通常用于ASCII码24和25的图形表示(十六进制18和19，取消和EM:介质结束)。代码第437页(IBM称为扩展ASCII，包括数字代码128到255)定义了这些符号作为ASCII码的使用，这些约定在行业中无处不在，这可以从惠普(特别是打印机)和IBM(特别是从原始PC开始的微型计算机)等领先公司将其部署为标准看到。

就像在CAN和EM中使用ASCII码在当时是相对过时的一样，证明了它们作为符号的使用是合理的，所以随着时间的推移，将这些代码作为符号的使用也被当前使用的UNICODE约定所淘汰。

应该强调的是，IBM在Extended ASCII中对ASCII进行的扩展不仅包括用于数字代码128到255的更大的数字集，而且还扩展了一些数字控制代码(ASCII范围0到32)的使用，从仅仅是媒体传输控制协议扩展到包含符号。人们经常错误地认为，第一个0到128没有被“扩展”，IBM在这个范围内使用了传统ASCII的符号。在前面的参考文献中也出现了此错误。这个错误变得如此普遍，以至于它下意识地口头上重新定义了ASCII。

这个似乎暗示030和031是上下三角形。

(正如bobince指出的，这似乎不是ASCII标准)

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