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

  • Gali B

    Gali B

    1 EYLÜL 2006
  • KliptOut KwazeeKilla

    KliptOut Kwa

    24 ŞUBAT 2010
  • Perihelion

    Perihelion

    23 NİSAN 2008