3

我正在寻找最简单的解决方案来解决我在 Internet Explorer（6,7 和 8）中遇到的问题，无论是 CSS 还是使用 jQuery。我有一个定义宽度的 SELECT 输入（因为它在布局中的位置）。由于定义的宽度选择被切断显示它们的完整值，不像在 Firefox 和 Safari 中它们会自动调整大小以显示值的整个长度。

当然这是一个普遍的问题？有任何想法吗？

示例代码：

<select id="Grouping_662066" class="productSelectInput" name="AddToCart_Grouping" onchange="DrawProduct(36331,662066,this.value,'',true);">
</select>

我正在使用 CMS 系统，类 ' productSelectInput' 是唯一的标识符，它将在整个网站上保持一致。,ID和name属性onchange将会改变。

4

5 回答 5

4

这是使用 jQuery 的信息和解决方案。

于 2009-04-06T00:55:42.960 回答
1

鉴于这些限制，我对 IE 的唯一建议就是可能减小字体的大小。

我不确定是否有其他方法。

于 2009-04-06T00:36:24.020 回答
1

您可以使用常规 Javacsript，利用 onmousedown、onblur 和 onchange 函数来操作元素 CSS。这是解决方案在 jQuery 中的外观（使用相同的函数）。

    var example = $('#some-id');

    $(example).mousedown(function() {
            $(this).css('width','400px');                            
    });
    $(example).blur(function({
            $(this).css('width','200px');                            
    });
    $(example).change(function() {
            $(this).css('width','200px');                            
    });
于 2011-02-14T20:24:50.833 回答
0

就我而言，这是一个浏览器问题（IE）。

你可以包括   在焦点和模糊事件上使用 Javascript 动态包装选项或调整选择的大小。此外，您可以使用 css 和 javascript（没有“选择”，而是“ul”）创建一个下拉菜单，并完全控制界面。（onBlur，javascript 应该在隐藏的输入上写一个值）。

于 2009-04-06T00:50:05.827 回答
0

如果 ie8 支持伪类 :focus 您可以为单击选择时指定更大的宽度。虽然在 ie6 中不起作用，而且可能在 ie7 中不起作用

于 2009-04-06T20:18:34.053 回答