SORU
16 EYLÜL 2008, Salı


YANİ Dropdownlist genişliği

YANİ, açılan-listesi Firefox açılır liste içeriğine göre değişir genişlik var ise dropbox (mantıklı yapıyorum umarım) aynı genişlikte alır.

Bu temelde dropbox en uzun seçim yapılamaz görüntülemek için yeterince geniş olduğundan emin olmak için var anlamına gelir. Bu sayfamı çok çirkin gösteriyor :(

Bu sorun için herhangi bir çözüm var mı? Nasıl CSS dropbox için farklı genişlikleri ve dropdownlist ayarlamak için kullanabilir miyim?

CEVAP
25 Mart 2010, PERŞEMBE


jQuery örnek tabanlı başka bir işte. Diğer tüm cevaplar burada yayınlanan aykırı olarak, hesaba klavye ve fare olayları, özellikle tıklama alır:

if (!$.support.leadingWhitespace) { // if IE6/7/8
    $('select.wide')
        .bind('focus mouseover', function() { $(this).addClass('expand').removeClass('clicked'); })
        .bind('click', function() { $(this).toggleClass('clicked'); })
        .bind('mouseout', function() { if (!$(this).hasClass('clicked')) { $(this).removeClass('expand'); }})
        .bind('blur', function() { $(this).removeClass('expand clicked'); });
}

CSS: bu parça ile birlikte kullanabilirsiniz

select {
    width: 150px; /* Or whatever width you want. */
}
select.expand {
    width: auto;
}

Tüm yapmanız gereken, söz konusu sınıf açılır öğe wide (s) eklemek için.

<select class="wide">
    ...
</select>

Here is a jsfiddle example. Bu yardımcı olur umarım.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • JamesAtiPhone

    JamesAtiPhon

    16 EYLÜL 2010
  • UberFacts

    UberFacts

    26 EKİM 2013
  • VitalyzdTv

    VitalyzdTv

    7 AĞUSTOS 2011