Aligner le contenu d'une liste déroulante à droite ?

Version imprimable

Bonjour à tous,

je voudrai pouvoir aligner à droite le contenu d'une liste déroulante chargée dynamiquement ?
Code:

1 2 3 4 5 <SELECT id="Liste_P3" name="Liste_P3" size="5" ONDBLCLICK="ListeDblClic('P3')" class="Select_P3"> <OPTION value="L01" selected="selected">Ligne 1</OPTION> <OPTION value="L02">Ligne 2</OPTION> </SELECT>
J'ai bien essayé ce genre de CSS, mais ça ne fonctionne pas.
Code:

1 2 3 4 .Select_P3 { text-align: right; }
Merci.

20/12/2016, 18h07
NoSmoking
Bonjour,
tu n'en es pas loin, il te faut appliquer le style aux <option>.
Code:

1 2 3 .Select_P3 option{ text-align: right; }

Merci de ta réponse.
En fait, j'avais déjà essayé ça, mais ça ne fonctionne pas plus...

Pour être plus précis, voici le code qui ajoute les valeurs dans liste :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var WText = WSens + " # " + WHH_DEB + ":" + WMM_DEB + " # " + WHH_FIN + ":" + WMM_FIN;
var WValeur = WSens + ";" + WHH_DEB + ":" + WMM_DEB + ";" + WHH_FIN + ":" + WMM_FIN;
...
...
...
var WOption = document.createElement("OPTION");
WOption.text = WText;
WOption.value = WValeur;
if (WSens === "A")
{
	WOption.className = "Liste_FondARR";
//	WOption.text-align = "right"; /* NE FONCTIONNE PAS */
//	WOption.align = "right"; /* NE FONCTIONNE PAS */
}
if (WSens === "D")
{
	WOption.className = "Liste_FondDEP";
}
if (WSens === "AD")
{
	WOption.className = "Liste_FondARRDEP";
}
if (WSens === "F")
{
	WOption.className = "Liste_FondFERMER";
}
document.getElementById(WListe).add(WOption);

21/12/2016, 10h00
NoSmoking

1/ Normalement cela devrait fonctionner même sans mettre le style sur les <option> d'ailleurs !

2/ C'est vrai qu'il me souvient que tu utilises IE et dans ce cas les possibilités de formatage sont des plus limitées.

3/ Tu peux toujours essayer de mettre sur ton <select> une direction : rtl mais cela fera que la barre de scroll, si existe, sera à gauche. Si cela ne convient pas le plus simple est de te faire ton propre <select> personnalisé.
21/12/2016, 10h45
Zebulon777

Oui, oui, effectivement, nous sommes sous IE, on a pas le choix.

J'ai déjà essayé la redirection, mais l’ascenseur passe à gauche et ça ne leur plait pas.

Je vais envisager de faire un SELECT moi-même, mais on verra ça à la rentrée ;)

Merci de ton aide.