Hello,

J'ai voulu enlever la flèche qui se trouve à droite d'un select afin d'en faire une personnalisée.

J'ai donc voulu utilisé ce code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
FF ne 'capte' pas très bien est affiche quand même la flèche, je suis donc passé comme cela :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
select {
    -moz-appearance: button;
    -webkit-appearance: none;
    appearance: none;
}
http://jsfiddle.net/SsTHA/357/

Le problème est que lorsque qu'on ajoute un border-radius le style bug denouveau sur Firefox...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
select {
    -moz-appearance: button;
    -webkit-appearance: none;
    appearance: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
http://jsfiddle.net/SsTHA/358/

Quelqu'un aurait un hack ou une solution ?

PS : Résultat désiré : http://jsfiddle.net/SsTHA/359/


Merci.
Cordialement.