Evitar que se abra el menú desplegable de selección en Firefox y Opera

En jQuery, puedes parar un<select> desde la apertura de su menú desplegable utilizando event.preventDefault en el controlador de mousedown. Permitiéndole reemplazar el menú desplegable con otra cosa mientras aún conserva el estilo original del elemento de formulario.

Esto funciona bien en Chrome y MSIE, pero en Firefox y Opera, el menú desplegable aparece independientemente. (No probado en Safari)

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

El elemento de selección debe verse habilitado y aún responder a toda la interacción del usuario como si estuviera habilitada, pero el menú desplegable no debe mostrarse. En su lugar, la lista desplegable se reemplazará por algo personalizado, como la inclusión de muestras de color, iconos o fuentes, pero la parte de "lista desplegable personalizada" ya se realizó en mi proyecto.

¿Alguien sabe cómo hacer que esto funcione en todos los * navegadores?

"Todo" significa las versiones recientes de los cinco navegadores mencionados.

Respuestas a la pregunta(5)

Su respuesta a la pregunta