How to center text of select box in IE10

Question

Hello guys i have a drop down select box i have used the text-align:center; for centering the

text but its only working in Firefox not in IE, Chrome.

here is the code:

.option
{
  text-align:center;
}

possible duplicate of [Is it possible to center text in select box?](http://stackoverflow.com/questions/10813528/is-it-possible-to-center-text-in-select-box) — James Donnelly, Dec 10 '13 at 10:01

score 1 · Accepted Answer · answered Dec 10 '13 at 10:11

1

You could try adding padding-left on the select element.

This doesn't produce exactly the same result as text-align:center, but maybe it's close enough for you.

answered Dec 10 '13 at 10:11

Danield

score 0 · Answer 2 · answered Dec 10 '13 at 10:12

0

Wrap it in a div, and use margin: auto; for the div. (if you want to center the whole element)

answered Dec 10 '13 at 10:12

Popa Andrei

2 Answers2