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 {
    width: 8.5em;
    float: left;
}

此外，option 没有 type 属性。请参阅:http://www.w3.org/TR/html5/forms.html#the-option-element