可以在选择框中居中显示文本吗？

我试过这个：http://jsfiddle.net/ilyaD/KGcC3/

HTML:

&lt；选择name=“state”class=“ddList”&gt；
&lt；期权价值=”&gt；（请选择一个州）&lt/选项&gt；
&lt；option class=“lt”value=“--”&gt；无&lt/选项&gt；
&lt；选项class=“lt”value=“AL”&gt；阿拉巴马州&lt/选项&gt；
&lt；选项class=“lt”value=“AK”&gt；阿拉斯加&lt/选项&gt；
&lt；选项class=“lt”value=“AZ”&gt；亚利桑那州&lt/选项&gt；
&lt；选项class=“lt”value=“AR”&gt；阿肯色州&lt/选项&gt；
&lt；选项class=“lt”value=“CA”&gt；加州&lt/选项&gt；
&lt；选项class=“lt”value=“CO”&gt；科罗拉多&lt/选项&gt；
&lt/选择&gt；

CSS:

选择{width:400px；text align:center；}
select.lt{text align:center；}

正如你所看到的，它不起作用。是否只有CSS才能将文本居中放置在选择框中