Tengo esta gran fuente aquí https://jqueryui.com/selectmenu/#custom_render para personalizar la etiqueta de selección con iconos.
Pero cuando agrego esto en modal usando Bootstrap v5.0. No parece funcionar y los íconos están desapareciendo.
Intenté usar esto:
<!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> Launch demo modal </button> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <h2>Selectmenu with custom icon images</h2> <fieldset> <label for="filesB">Select a podcast:</label> <select name="filesB" id="filesB"> <option value="mypodcast" data-class="podcast">John Resig Podcast</option> <option value="myvideo" data-class="video">Scott González Video</option> <option value="myrss" data-class="rss">jQuery RSS XML</option> </select> </fieldset> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>Pero no parece representar el widget selectMenu.
¿Alguna posibilidad de ayudar a alguien?