select içinde icon gösteremiyor muyuz?

14-01-2023, 00:49:26

#1

~~nebisego~~

Üyeliği durduruldu

Merhaba, fontawesome iconunu select içinde gösteremiyor muyuz?

14-01-2023, 00:50:26

#2

DiZiNi

<select>
<option value="1"><i class="fas fa-check"></i> Seçenek 1</option>
<option value="2"><i class="fas fa-times"></i> Seçenek 2</option>
</select>

14-01-2023, 00:57:28

#3

~~nebisego~~

Üyeliği durduruldu

DiZiNi adlı üyeden alıntı: mesajı görüntüle

<select>
<option value="1"><i class="fas fa-check"></i> Seçenek 1</option>
<option value="2"><i class="fas fa-times"></i> Seçenek 2</option>
</select>

maalesef select içinde bu şekilde iconu gösteremiyoruz bunun bir yolu var mıdır?

14-01-2023, 00:59:37

#4

artviasyazilim

nebisego adlı üyeden alıntı: mesajı görüntüle

maalesef select içinde bu şekilde iconu gösteremiyoruz bunun bir yolu var mıdır?

selamlar,

https://codepen.io/Nagibaba/pen/bagEgx

buradaki örneği denediniz mi

14-01-2023, 00:59:56

#5

DiZiNi

<div class="custom-select">
  <ul>
    <li data-value="1" class="selected"><i class="fas fa-check"></i> Seçenek 1</li>
    <li data-value="2"><i class="fas fa-times"></i> Seçenek 2</li>
    <li data-value="3"><i class="fas fa-heart"></i> Seçenek 3</li>
  </ul>
  <input type="hidden" name="custom-select" value="1">
</div>

$('.custom-select ul li').click(function(){
  $('.custom-select ul li').removeClass('selected');
  $(this).addClass('selected');
  $('.custom-select input[type="hidden"]').val($(this).data('value'));
});