SORU
4 Mart 2009, ÇARŞAMBA


Değişim renk ve görünüş damla aşağı ok

Tarayıcılarda aynı görünen bir açılır liste öyle oku varsayılan görünümünü değiştirmek istiyorum. Bir şekilde varsayılan geçersiz kılma bak ok ve CSS kullanarak açılır veya başka hissetmek var mı ?

CEVAP
31 Ocak 2013, PERŞEMBE


CSS ile bunu elde edebilirsiniz ama techinically oku kendini değiştiremezsin.

Bu örnekte aslında varsayılan ok gizleme ve onun yerine kendi okum gösteren biriyim.

HTML:

<div class="styleSelect">
  <select class="units">
    <option value="Metres">Metres</option>
    <option value="Feet">Feet</option>
    <option value="Fathoms">Fathoms</option>
  </select>
</div>

CSS:

.styleSelect select {
  background: transparent;
  width: 168px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
  color: #000;
}

.styleSelect {
  width: 140px;
  height: 34px;
  overflow: hidden;
  background: url("images/downArrow.png") no-repeat right #fff;
  border: 2px solid #000;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Djbasilio AuToBaSs

    Djbasilio Au

    20 Aralık 2008
  • Dopelives

    Dopelives

    30 Temmuz 2009
  • GavinMichaelBooth

    GavinMichael

    26 AĞUSTOS 2006