Salve poichè devo dare la possibilità di scegliere tra dei colori html pensavo di inserire un icona quadrata nella option (utilizzo bootstrap 5 e fontawesome ) :

codice:
 <select id='id_id_colori_html' class='form-select' name='id_colori_html'>
   <option value=''>Seleziona un valore...</option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#00ffff ;'></i>" value='1' selected='selected'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#000000 ;'></i>" value='2'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#0000ff ;'></i>" value='3'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#ff00ff ;'></i>" value='4'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#808080 ;'></i>" value='5'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#008000 ;'></i>" value='6'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#00ff00 ;'></i>" value='7'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#800000 ;'></i>" value='8'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#000080 ;'></i>" value='9'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#808000 ;'></i>" value='10'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#800080 ;'></i>" value='11'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#ff0000 ;'></i>" value='12'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#c0c0c0 ;'></i>" value='13'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#008080 ;'></i>" value='14'>
   </option>
   <option data-content="
		<i class='fa-solid fa-square' style='background-color:#ffff00 ;'></i>" value='15'>
   </option>
 </select>
Ma non funziona non appaiono le icone