更改下拉图标引导程序

阿德里安

我想尝试更改引导程序下拉菜单按钮上的默认箭头吗?这有可能吗?我希望使它类似于android Spinner图标:

在此处输入图片说明

否则,仅来自FontAwesome或其他内容。我不想使用jQuery /我必须使用Bootstrap下拉菜单:http : //getbootstrap.com/components/#dropdowns

我发现了许多与我要问的问题类似的问题,但它们与jQuery的联系更为紧密-但是,如果已经存在解决方案,请随时向我指出。

弗拉迪斯拉夫·斯坦尼克

当然可以。只需将span替换为“插入符”类,然后再玩css。代替:

<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>

使用:

<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
Dropdown
<i class="fa fa-external-link"></i>
</button>

JSFIDDLE

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改引导程序下拉菜单子图标?

来自分类Dev

更改下拉列表选择时的GridView

来自分类Dev

如何更改下拉列表所需的味精

来自分类Dev

具有图标引导程序的文本区域未正确对齐

来自分类Dev

更改引导程序下拉插入符

来自分类Dev

根据页面更改更改下拉值

来自分类Dev

(引导程序)-更改下拉按钮文本以反映单击的项目会删除插入符号

来自分类Dev

Drupal AJAX不会更改下拉列表

来自分类Dev

硒无法更改下拉选择

来自分类Dev

如何在material-ui select中更改下拉图标(箭头)的位置?

来自分类Dev

单击/打开引导程序下拉菜单时,图标会更改以表示其打开状态

来自分类Dev

在jQuery中更改下拉列表的选择

来自分类Dev

更改下拉列表中的空白选择?

来自分类Dev

更改下拉值时,DIV“隐藏”

来自分类Dev

导航菜单中的鼠标光标引导程序余烬

来自分类Dev

从引导程序下拉列表中删除defaut图标

来自分类Dev

具有图标引导程序的文本区域未正确对齐

来自分类Dev

更改下拉菜单的背景颜色

来自分类Dev

更改下拉列表中的CSS单击

来自分类Dev

创建带有图标引导程序3的按钮?

来自分类Dev

点击更改下拉按钮的颜色

来自分类Dev

更改下拉列表项的语言

来自分类Dev

动态更改下拉列表

来自分类Dev

剑道角度更改下拉选项标签

来自分类Dev

颜色更改下拉菜单javascript

来自分类Dev

单击引导程序下拉元素并更改值

来自分类Dev

如何更改引导验证程序图标位置

来自分类Dev

单击图标引导程序时展开网格系统列

来自分类Dev

在引导程序导航栏中更改下拉菜单的形状