Существует ли чистый метод CSS для замены значка каретки в классе dropdown-toggle 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 */
}
, но я не могу найти хороший способ сделать его стрелкой.Другой вопрос, на который ссылается здесь , требует, чтобы вы вручную вставляли изображение в HTML.