是否可以在选中框中对文本进行居中？

Question

是否可以在选中框中对文本进行居中？

我试着这样做：http://jsfiddle.net/ilyaD/KGcC3/

HTML：

<select name="state" class="ddList">
   <option value="">(please select a state)</option>
   <option class="lt" value="--">none</option>
   <option class="lt" value="AL">Alabama</option>
   <option class="lt" value="AK">Alaska</option>
   <option class="lt" value="AZ">Arizona</option>
   <option class="lt" value="AR">Arkansas</option>
   <option class="lt" value="CA">California</option>
   <option class="lt" value="CO">Colorado</option></select>

CSS：

select { width: 400px; text-align:center; }select .lt { text-align:center; }

就像你看到的，它不起作用。是否有一种css唯一的方式使文本在选中框中居中？

Answer 1

有一个局部的解决方案铬:select { width: 400px; text-align-last:center; }它确实将所选项居中，而不是下拉列表中的选项。