HTML選擇元素中的選項位置

Question

我有一個包含選項的元素。該元素寬150px，但其中一些選項更寬。所以在渲染時，瀏覽器會顯示右邊的溢出。我如何使選項列表向左溢出？ JSFiddle select是在div的右上角，它向外溢出到左邊。

謝謝。

<select id="MySelect"> 
     <option value="60" selected="selected"></option><option value="-60">(UTC-01:00) Azores</option> 
     <option value="-60">(UTC-01:00) Cape Verde Is.</option><option value="0">(UTC) Casablanca</option> 
     <option value="0">(UTC) Dublin, Edinburgh, Lisbon, London</option><option value="0">(UTC) Monrovia, Reykjavik</option> 
     <option value="60">(UTC+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option> 
     <option value="60">(UTC+01:00) Brussels, Copenhagen, Madrid, Paris</option> 
     <option value="60">(UTC+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option> 
     <option value="60">(UTC+01:00) West Central Africa</option> 
     <option value="120">(UTC+01:00) Windhoek</option> 
</select>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

​#MySelect{ 
    margin-top:20px; 
    margin-left:200px; 
    width:150px;}​​​ 

Answer 1

你可以使用

<select id="MySelect" dir="rtl"> 

Answer 2

#MySelect{ 
    margin-top:20px; 
    margin-left:300px; 
    width:150px; 
    direction: rtl; 
} 

這是做一個漂亮哈克的方式，但它的作品。我想不出任何其他的方式。