No jQuery, você pode parar um<select> de abrir seu menu suspenso usando event.preventDefault no manipulador do mousedown. Permitindo que você substitua o menu suspenso por outra coisa, mantendo o estilo original do elemento de formulário.

Isso funciona bem no Chrome e no MSIE, mas no FireFox e no Opera o menu suspenso é exibido independentemente. (Não testado no Safari)

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

O elemento select deve parecer ativado e ainda responder a todas as interações do usuário como se estivesse ativado, mas a lista suspensa não deve ser renderizada. Em vez disso, o menu suspenso será substituído por algo personalizado, como a inclusão de amostras de cores, ícones ou fontes, mas a parte "suspensa personalizada" já foi feita no meu projeto.

Alguém sabe como fazer isso funcionar em todos os * navegadores.

"Todos", ou seja, as versões recentes dos cinco navegadores mencionados.