如何使用纯css将三角形更改为向上箭头

Question

以下是小提琴示例：example

问题1：我有一个流动的箭头三角形css：

.wrapper {
    background-color: black;
    width: 100px;
    height: 100px;
}

.downArror {
    float: left;
    display: inline-block;
    border: 15px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    margin: 8px;
}

HTML：

<div class="wrapper"><div class="downArror"></div></div>

只是想知道，有没有办法改变使这个三角形成为'^'形状的css？

我想拥有的是这样的：

问题2：

有没有办法使用代码进行这样的勾选？： 我目前正在使用＆amp;＃8730，但形状略有不同

Answer 1

我实际上已经为菜单创建了这个效果。你可以在这里找到它：

http://codepen.io/spikeyty/pen/IFBro

基本上，我采用了透明div，添加了左下角和右下角，然后使用transform旋转了div 45deg。为了获得额外的甜味，这个例子具有整洁的悬停效果。享受！

Answer 2

可以使用css :(希望你的意思是这样）

.wrapper{
    background-color:black;
    width:20px;
    height:20px;
    text-align:center;
 }

.downArror_black:before{
	content:'\2227';
    color:#fff;
}

.tick:before{
    content:'\2713';
    color:#fff;
}

<div class="wrapper">
    <div class="downArror_black"></div>
</div>
<br />
<div class="wrapper">
    <div class="tick"></div>
</div>