如何確定選擇選項文本在IE中對齊？

Question

下面的CSS可以在FF中使用，但不能在IE中使用（至少8.0），我怎樣才能確保文本在IE8.0中居中？謝謝！！！

select, option { 
    text-align: center; 
} 

Answer 1

不幸的是，你不能改變的IE SELECT項目的定位，雖然我很驚訝，即使IE 8保持這個壞習慣。

Answer 2

鑑於這是不可能的IE瀏覽器，我認爲你將不得不訴諸：

1. 實現您自己的選擇部件。有很多JS庫這樣做，主要是因爲SELECT輸入很難風格化。

2. 在較小的選項前插入適當的空格。

編輯：看起來像空格不起作用，但HTML空間的作用：

<SELECT> 
    <OPTION>&nbsp;&nbsp;&nbsp;SMALL</OPTION> 
    <OPTION>&nbsp;&nbsp;LARGER</OPTION> 
</SELECT> 

這是相當一個黑客...

Answer 3

，您可以撥打類和使用叫它在選項字段 'style標籤' ::

對於如： - 。

<style type="text/css"> 
select { width: 400px; text-align:center; } 
select .lt { text-align:left; } 
</style> 




<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>