html - IE 下拉菜单切断非固定宽度

Question

我有一些框无缘无故地被切断了，但是当我点击它们时，无论是右键单击还是左键单击，它们都会恢复正常。请查看屏幕截图。

当我点击下拉菜单时:

HTML:

<select id="attribute_values_1903" name="attribute_values_1903">
<option value="">Please select a value</option><option value="80469">12” (305mm)</option><option value="75549">18" (457mm)</option><option value="75548">20" (508mm)</option><option value="75935">24" (610mm)</option><option value="76295">28" (711mm)</option><option value="75528">30" (762mm)</option><option value="75915">36" (914mm)</option><option value="75907">42" (1067mm)</option><option value="75900">48" (1219mm)</option><option value="75768">54" (1372mm)</option><option value="75767">60" (1524mm)</option><option value="75930">66" (1676mm)</option><option value="76281">72" (1829mm)</option><option value="78762">78" (1981mm)</option><option value="76948">84" (2134mm)</option><option value="80467">96” (2438mm)</option>
</select>

CSS:我正在使用 YUI 重置、字体和基础以及我自己的 css

select 
{ 
    border:1px solid @defaultLightGrey;
    padding:1px;
}

有什么想法吗？

编辑:代码

编辑 #2: 看起来我遇到了与此处相同的问题，只是我正在使用 KnockoutJS 加载选项。 See other post here

Answer 1

遵从 http://css-tricks.com/select-cuts-off-options-in-ie-fix/ ，是否因为您为 select 元素指定了一个较短的宽度，但其中有较长的 option 元素，所以您的 option 元素被剪裁了？

如果这是 IE 特定的问题，您可以求助于 IE 条件注释来指定仅供 IE 使用的样式来解决问题。 http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx