Exemple de comment centrer le texte sélectionné dans une liste déroulante d'un formulaire avec text-align-last: center;.
Par contre centrer le texte dans les options est un peu plus difficile et il n'existe pas de solution simple avec css pour faire cela.
<!DOCTYPE html><html><head><title>Test Select Form Center Text</title><style>input[type=text], select {text-align: center;text-align-last: center;width: 400px;}</style></head><body><br><br><select><option value=1 >Select 1</option><option value=2 >Select 2</option><option value=3 >Select 3</option><option value=4 selected>Select 4</option><option value=5 >Select 5</option></select><br><br><select><option value=1 >Select 1</option><option value=2 >Select 2</option><option value=3 >Select 3</option><option value=4 selected>Select 4</option><option value=5 >Select 5</option></select><br><br><input type="submit" value="Submit Button" style="width: 400px;"></body></html>
Références
- Is it possible to center text in select box? | stackoverflow
- How to center text in a select list | stackoverflow
- how to make sure select option text align in the center in IE? | stackoverflow
- Horizontally text center for select option | stackoverflow
- text-align: center placeholder text in select | stackoverflow
- HTML Select Center Aligned Issue | forums
- Change text from “Submit” on input tag | stackoverflow
- Select option width | stackoverflow
