html - 如何在引导下拉菜单中使用自定义 .png 图像代替插入符号
问题描述
这是我当前的代码
行动另一个链接
这在下拉菜单中使用默认插入符号,但我想将默认插入符号替换为示例箭头 down.png。
如何完成这项工作,搜索了官方文档(https://react-bootstrap.github.io/components/dropdowns/#btn-dropdowns-split)但没有帮助。
解决方案
img
在跨度中使用标签
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="dropdown">
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding:6px 6px">Button
<span><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-down-b-512.png" style="width: 20px; height: 20px;"></span>
</button>
<ul class="dropdown-menu">
<li><a href="">Modify</a></li>
<li><a href="">Delete</a></li>
</ul>
</div>