0

I want to show flaticons in options but html output doesn't display them.

How to display Icon in select options tag

Above question is solved by using &#xf2bb instead of icon class like that:

 <option value="fa fa-address-card"> &#xf2bb; line chart</option>

If it is possible, how can I solve this problem with the same solution method for flaticons?

flaticon.css contains below style:

.flaticon-tool:before {
    content: "\f177";

my html output:

    <select class="form-control" name="hekim-extension_ozellikler_icon-select" id="hekim-extension_ozellikler_icon-select">
<option>flaticon-throat</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

If it is possible and easy, also I can use a solution for boootstrap 3.

attack-to-overflow
  • 29
  • 1
  • 6

1 Answers1

0

There is no valid solution to put icons into a select option. My solution is using a jQuery icon picker.

atiquratik
  • 1,296
  • 3
  • 27
  • 34
attack-to-overflow
  • 29
  • 1
  • 6