Zapobiegnij rozwijaniu listy rozwijanej w FireFox i Opera

W jQuery możesz zatrzymać<select> od otwarcia menu rozwijanego za pomocą event.preventDefault w obsługiwanym programie obsługi. Umożliwienie zastąpienia listy rozwijanej czymś innym, przy jednoczesnym zachowaniu oryginalnego stylu elementu formularza.

Działa to dobrze w Chrome i MSIE, ale w FireFox i Opera rozwijana lista pojawia się niezależnie. (Nie testowano na Safari)

Przykład:http://jsfiddle.net/9cmEh/

Element select powinien wyglądać na włączony i nadal odpowiadać na wszystkie interakcje użytkownika, tak jakby był włączony, ale lista rozwijana nie powinna być renderowana. Zamiast tego lista rozwijana zostanie zastąpiona przez coś niestandardowego renderowanego, na przykład próbki kolorów, ikony lub czcionki, ale część „niestandardowe rozwijane” jest już wykonana w moim projekcie.

Czy ktoś wie, jak to zrobić we wszystkich * przeglądarkach.

„Wszystko” oznacza ostatnie wersje pięciu wspomnianych przeglądarek.

questionAnswers(5)

yourAnswerToTheQuestion