html - Chromeが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;
}

また、属性optionはありません。type参照: http://www.w3.org/TR/html5/forms.html#the-option-element

Answer 2

：<select>ではなく、のサイズを設定します。<option>

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

このJSfiddleを参照してください

Answer 3

selectの代わりに にスタイルを適用してみてくださいoption。

フィドル: http://jsfiddle.net/tttp2/