Center aligning of the text in dropdown?

Asked Mar 06 '14 at 11:41

Active Mar 06 '14 at 11:47

Viewed 60 times

I have searched answer for this question .. But i found one solution in SO .. One user had suggested to use padding-left or this qustion.

<select>
   <option>one</option>
   <option>one-two</option>
</select>

When i add padding-left it works fine with the browser .. When i check my dropdown in devices , its not aligned at the center as i expected .. I have given values for padding-left in percentage and pixels also .. Is there any other way to do it so that it works fine in all browsers and devices??

asked Mar 06 '14 at 11:41

Gibbs

21,904
13
74
138

have you tried `select { text-align: center }` ? – Fabrizio Calderan Mar 06 '14 at 11:44
`select, option { text-align: center; }` is not working? – Richa Mar 06 '14 at 11:45
1

`"so that it works fine in all browsers and devices"` Probably not with just CSS. Select elements are horrible to design for cross-browser. The _most reliable_ way would be to create your own custom element that acts as select box - http://stackoverflow.com/questions/15508154/the-correct-way-of-styling-a-select-menu-for-cross-browser-functionality – SubjectCurio Mar 06 '14 at 11:47
It's working in ff but not in chrome .. – Gibbs Mar 06 '14 at 11:49
@MLeFevre , Yeah that's a better solution with more works.. – Gibbs Mar 06 '14 at 11:50
`text-align: center;` doesnt work in opera either. – davidkonrad Mar 06 '14 at 12:22

Center aligning of the text in dropdown?

0 Answers0