[GH-ISSUE #653] How to use these icon in select option.. #353

New issue

Closed

opened 2026-03-03 14:37:46 +03:00 by kerem · 1 comment

kerem commented

2026-03-03 14:37:46 +03:00

Owner

Originally created by @mzainzulifqar on GitHub (Dec 14, 2019).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/653

<select name="country"  class="form-control" required="required">
      <option>
           <span class="flag-icon flag-icon-gr">GR</span>
      </option>
</select>

Originally created by @mzainzulifqar on GitHub (Dec 14, 2019). Original GitHub issue: https://github.com/lipis/flag-icons/issues/653 ``` <select name="country" class="form-control" required="required"> <option> <span class="flag-icon flag-icon-gr">GR</span> </option> </select> ```

kerem closed this issue

2026-03-03 14:37:46 +03:00

kerem commented

2026-03-03 14:37:47 +03:00

Author

Owner

@tomlutzenberger commented on GitHub (Dec 17, 2019):

You can't. Option tags only accept plain text as content.
Only way to accomplish a similar result is to set the flag image as background of <option> and indent its content.

@tomlutzenberger commented on GitHub (Dec 17, 2019): You can't. Option tags only accept plain text as content. Only way to accomplish a similar result is to set the flag image as background of `<option>` and indent its content.