Frondend developer lar bakabilir mi select option resim eklemek hk.

Question

böyle yaptım tek nokta da çift noktada koydum resim görünmüyor Birisi yardımcı olabilirmi[CSSR] [/CSSR]

Developer · Answer

Yıllardır sektördeyim ilk defa böyle bir deneme gördüm  Custom Select Box yapmanız daha doğru olur. Select bu kadar yetkin değil. Eğer Select ile uğraşırım diyorsanız apperance: none; attribute'ına bir bakın. Belki çözüm olabilir.

yuKKo · Answer

Developer adlı üyeden alıntı:						mesajı görüntüle									Yıllardır sektördeyim ilk defa böyle bir deneme gördüm  Custom Select Box yapmanız daha doğru olur. Select bu kadar yetkin değil. Eğer Select ile uğraşırım diyorsanız apperance: none; attribute'ına bir bakın. Belki çözüm olabilir. 		ya hocam bir örnek atar mısın cok dilli site yapacagim , optionda bayrak olsun istiyorum dünden beri delircem backend developer'ım

Breakupsong · Answer

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

böyle yaptım tek nokta da çift noktada koydum resim görünmüyor

Birisi yardımcı olabilirmi[CSSR]

<select>
    

    <option style="background-image:url('../img/tr.svg');">  TR  </option>
    <option style="background-image:url('./img/en-us.svg');">  TR  </option>

  
</select>

[/CSSR]

Çağırmak istediğiniz image dosyasının html kodunun olduğu klasörün bir üst klasörü olduğuna dikkat edin.

Örn: index.html
Resim: img/tr.svg
Bu durumda doğru kullanımı "./" şeklindededir.

Developer · Answer

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

böyle yaptım tek nokta da çift noktada koydum resim görünmüyor

Birisi yardımcı olabilirmi[CSSR]

<select>
    

    <option style="background-image:url('../img/tr.svg');">  TR  </option>
    <option style="background-image:url('./img/en-us.svg');">  TR  </option>

  
</select>

[/CSSR]

salimsevindik · Answer

selectin yaptigi isi html css javascript ile yapabilirsiniz. tiklayinca acilan bir yapi olusturun daha kolay olur. selecte bu kadar yuklenmeyin. suraya ornek birakayip fikir olur size https://codepen.io/danteielceanu/pen/yLQEYxq

yuKKo · Answer

Developer adlı üyeden alıntı:						mesajı görüntüle									BG değilde normal img olarak ekleyin. 		örnek yazar mısınız

Scripter · Answer

şöyle bir kullanım buldum hocam basit ve iş görebilir bence