每当文字换行并增加按钮的高度时，我想让这个响应/流体按钮上的箭头扩展到按钮本身的高度。
.navigation li {
display:inline-block;
vertical-align:top;
width:50%;
margin-right:1.25%;}
.navigation li:after {
position: absolute;
content:"";
width: 0;
height: 0;
border-top: 13px solid transparent;
border-left: 15px solid #DAB347;
border-bottom: 13px solid transparent;
right: -14px;
top: 0px;}
想知道是否最好的方法是使用图像，但也许有一种方法可以用CSS来实现这一点？
另外，我在没有运气的情况下四处寻找 - 我猜是没有办法对箭头本身应用渐变？