Twitter bootstrap BootstrapV4是如何显示这种风格的胡萝卜的？

上面提到的这种引导式下拉样式在下拉列表旁边显示一个胡萝卜，如下所示

这种样式如何显示胡萝卜？我没有看到任何对图像或特殊字符的引用。

我找到了一个关于使用CSS创建箭头的方法

。向右箭头{
宽度：0；
身高：0；
边框顶部：20px实心透明；
边框底部：20px实心透明；/*40px高度（20+20）*/
左边框：20px纯绿；
位置：绝对位置；
}

我找到了一个关于使用CSS创建箭头的方法

。向右箭头{
宽度：0；
身高：0；
边框顶部：20px实心透明；
边框底部：20px实心透明；/*40px高度（20+20）*/
左边框：20px纯绿；
位置：绝对位置；
}

第9行完成：第9行如何显示胡萝卜？对于pseudo元素：：after，我没有看到任何img或特殊字符。没有图像或特殊字符，只是CSS。边界正在创造“胡萝卜”。哇！边界是如何形成一个三角形的，这让我很惊讶！第9行是如何显示胡萝卜的？对于pseudo元素：：after，我没有看到任何img或特殊字符。没有图像或特殊字符，只是CSS。边界正在创造“胡萝卜”。哇！边界是如何形成一个三角形的，这让我很惊讶！