Как использовать собственное изображение .png вместо каретки в выпадающем меню начальной загрузки

Question

Это мой текущий код

действие Другая ссылка

Это использует каретку по умолчанию в раскрывающемся меню, но я хочу заменить каретку по умолчанию на пример стрелки down.png.

Как это сделать, поиск в официальной документации (https://react -bootstrap.github.io / components / dropdowns / # btn-dropdowns-split ), но без помощи.

Answer 1

Использовать 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>