瀏覽器不響應CSS

Question

我有很難得到一個選擇領域的工作，因爲我想在Chrome的最新版本。這一切在Firefox中完美運行，但Chrome只是固執己見。 應該如何在Chrome：

如何，它實際上是在Chrome：

HTML：

<td><!--<input type='text' name='ruum' />--> 
<select> 
    <option type="text" value="ruum">Uks</option> 
    <option type="text" value="ruum">Kaks</option> 
    <option type="text" value="ruum">Kolm</option> 
</select> 
</td> 

CSS：

option{ /*works for firefox but not for chrome*/ 
width:8.5em; 
float:left; 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { /*doesn't do anything*/ 
option{ 
    width:8.5em; 
    float:left; 
} 
} 

有什麼建議嗎？謝謝。

Answer 1

設置<select>的大小，而不是<option>：

select{ 
    width:8.5em; 
    float:left; 
} 

看到這個JSfiddle

Answer 2

設置寬度上select，而不是在option：

select { 
    width: 8.5em; 
    float: left; 
} 

而且， option沒有type屬性。請參閱：http://www.w3.org/TR/html5/forms.html#the-option-element

Answer 3

嘗試將樣式應用於select而不是option。

小提琴：http://jsfiddle.net/tttp2/