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

  • David Tedeyev

    David Tedeye

    20 AĞUSTOS 2011
  • Google Россия

    Google Ро

    9 Temmuz 2007
  • Jorrit Jongma

    Jorrit Jongm

    17 Ocak 2008