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?

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.