如何使用 bootstrap 4 制作这种表单选择菜单？ [关闭]

【问题标题】：How can I made this kind of form select menu using bootstrap 4? [closed]如何使用 bootstrap 4 制作这种表单选择菜单？ [关闭]
【发布时间】：2020-09-10 11:55:09
【问题描述】：

我正在尝试更改自定义引导程序默认表单选择器箭头。有什么办法可以更改表单中的默认箭头并添加此<i class=" fas fa-caret-down"></i> caret down 图标？

【问题讨论】：

我想说这已经在stackoverflow.com/questions/37833573/… 问题中得到了回答。这是取自上述问题答案的代码示例：codepen.io/blonfu/pen/EyyPpJ

标签： twitter-bootstrap form-helpers bootstrap-form-helper

【解决方案1】：

.custom-select 是将这个图标添加为background 的类

所以您可以下载SVG 并覆盖该类，它应该可以工作。

我相信还有比这更好的方法。但这是我目前能想到的唯一方法。

.custom-select {
    background: url('../images/caret-down-solid.svg') no-repeat right .75rem center/8px 10px;

}

【讨论】：