0

Im working on a project using ng-bootstrap and Angular 9. The client requested credit card images next to the options in a dropdown select list. Needs to work in multiple browsers. The code below is from my form.component.html file. Any and all recommended solutions are welcome.

 <form>
<label>Card Type: </label>
      <select class="form-control">
        <option>Visa</option>
        <option>MasterCard</option>
        <option>American Express</option>
</select>
</form>
Jason Sprague
  • 75
  • 1
  • 9

1 Answers1

1

Unfortunately, it is not possible to place an HTML tag inside an option therefore you cannot place images or other elements inside the options element.

Furthermore, this issue is a duplicate of a duplicate.

There are several ways to go around the problem explained there in the first link so you should see which is applicable to your project.

Sorry for not being able to provide a direct solution.

Kind regards.

IDK4real
  • 757
  • 6
  • 14