2

我很难在最新版本的 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;
 } 
}

有任何想法吗？谢谢。

4

3 回答 3

2

select在 上而不是在 上设置宽度option：

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

而且，option没有type属性。见：http ://www.w3.org/TR/html5/forms.html#the-option-element

于 2013-03-05T09:05:03.487 回答
1

设置 的大小，而<select>不是<option>:

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

看到这个JSfiddle

于 2013-03-05T09:04:55.640 回答
0

尝试将样式应用于select而不是option.

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

于 2013-03-05T09:05:10.767 回答