Select with icons

Topic: Select with icons

arogonov pro asked 7 years ago

In the examples there is such an example.

<select class="mdb-select">
    <option value="" disabled selected>Choose your option</option>
    <option value="" data-icon="https://mdbootstrap.com/img/Photos/Avatars/avatar-1.jpg" class="rounded-circle">example 1</option>
    <option value="" data-icon="https://mdbootstrap.com/img/Photos/Avatars/avatar-2.jpg" class="rounded-circle">example 2</option>
    <option value="" data-icon="https://mdbootstrap.com/img/Photos/Avatars/avatar-3.jpg" class="rounded-circle">example 1</option>
</select>
<label>Example label</label>

Can I use any standard icon instead of images? Or insert an icon before the text "example 1"?How to do it? Everything I tried does not work.Thank you!

Add comment

Mikołaj Smoleński staff answered 7 years ago