html修改下拉图标,html – 如何用另一个默认图标替换Bootstrap下拉切换图标？

是否有一个纯CSS方法来替换Bootstrap的下拉切换类中的插入符号图标？我希望它看起来像向下箭头或逻辑或符号(&或;),如下所示：

而不是原来的向下实心三角形插入符号.我找到了替换原始图标大小的答案：

.dropdown-toggle::after {

display: inline-block; /* Default */

width: 0; /* Default */

height: 0; /* Default */

margin-left: .3em; /* Default */

vertical-align: middle; /* Default */

content: ""; /* Default */

border-top: .3em solid; /* caret size */

border-right: .3em solid transparent; /* caret size */

border-left: .3em solid transparent; /* caret size */

}

但我无法想出一个让它成为箭头的好方法.引用here的另一个问题要求您手动将图像嵌入HTML中.