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

  • Kyler Briskey

    Kyler Briske

    20 ŞUBAT 2011
  • schmittastic

    schmittastic

    9 EYLÜL 2009
  • Tahir Jahi

    Tahir Jahi

    6 Mart 2006