如何使用css编写三角箭头（如何使用css编写三角箭头形状）

在网页中我们经常会看到下拉框三角箭头，这种箭头可以用图片，不用图片其实我们也可以用代码实现的喔，



.right-arrow{
    width:6px;
    height:6px;
    align-self: center;
    border-right:1px solid #2ac795;
    border-left:2px solid transparent;
    border-top:2px solid transparent;
    border-bottom:1px solid #2ac795;
    display:block;
    transform: rotateZ(-45deg);
}