HTML CSS Select sorunu

merhaba arkadaslar

<select class="form-select form-select-lg browser-default custom-select" aria-label=".form-select-lg example">
     <option selected="" disabled="" hidden="">Para çekme cüzdanınızı seçin</option>
  <option value="1">0x4998606306d8948EAB37516Fa71BD802C1e68aD7</option>
  <option value="2">05000000000000</option>
   </select>

selectde 2 adet option var option kismi cok sacma duruyor ve bir birinden secilmiyor ne border ekliye biliyorum ne padding vere biliyorum bi turlu cssle cozemedim cozumunu bilen varsa yardimci olursa sevinirim

select kısmına css verebilirsin. option kısmına css verilemiyor diye biliyorum. tarayıcının tercihine göre gösterilir option lar. select e css vererek güzel bir görünüm alabilirsin.

selcte ehrsey yolunda optionlarin ic ice girmesi durumunu degistiremiyorum

select width 100% mü?

Canlı yayını varsa link atarsanız yardımcı olalım hocam.

<select class="form-select" id="walletSelect">
<option selected disabled hidden>Para çekme cüzdanınızı seçin</option>
<option value="1" title="0x4998606306d8948EAB37516Fa71BD802C1e68aD7" >0x4998606306d8948EAB37516Fa71BD802C1e68aD7</option>
<option value="2" title="05000000000000">05000000000000</option>
</select>

/* Tooltip Stil */
#walletSelect option {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* Tooltip Görünümü */
#walletSelect option:hover::before {
content: attr(title);
display: block;
position: absolute;
background-color: white;
border: 1px solid #ccc;
padding: 5px;
z-index: 1;
}

Uygun değilim görünce yardımcı olmak istedim şu şekilde bir yaklaşım işini görebilir belki diye tekrar düzenledim tekrar deneyip sonuç verebilir isen sevinirim kolay gelsin.

Cüzdan Adı ekli sadece ) denedim ayni