Verhindern, dass Dropdown-Listenfelder in FireFox und Opera geöffnet werden

In jQuery können Sie a stoppen<select> Öffnen Sie das Dropdown-Menü mit event.preventDefault im MouseDown-Handler. So können Sie das Dropdown-Menü durch etwas anderes ersetzen und dabei den ursprünglichen Stil des Formularelements beibehalten.

Dies funktioniert gut in Chrome und MSIE, aber in FireFox und Opera wird das Dropdown-Menü trotzdem angezeigt. (Nicht auf Safari getestet)

Beispiel:http://jsfiddle.net/9cmEh/

Das select-Element sollte aktiviert aussehen und trotzdem auf alle Benutzerinteraktionen reagieren, als ob es aktiviert wäre, aber das Dropdown-Menü sollte nicht gerendert werden. Stattdessen wird das Dropdown-Menü durch etwas Benutzerdefiniertes ersetzt, z. B. Farbfelder, Symbole oder Schriftarten. Der Teil "Benutzerdefiniertes Dropdown" ist jedoch in meinem Projekt bereits vorhanden.

Weiß jemand, wie man das in allen * Browsern funktioniert?

"Alle" bedeutet die neuesten Versionen der fünf genannten Browser.

Antworten auf die Frage(5)

Ihre Antwort auf die Frage