Question

Html代码如下：

 <div id="container_sizes">
    <div id="size_guide_container" style="width: 100%;">
    <p id="size_dropdown">
    <select id="style_wrapper_dropdown" ">
    </p>

我在js文件中推出了以下代码

 if ($.browser.msie) {
         $('p#size_dropdown select').bind("mouseenter click focus", function
            $(this).css('width', '100px');
         }).bind("change blur", function() {
             $(this).css('width', '100px');
         });

我在css文件中推出了以下代码

    body.styles p#size_dropdown select:focus {
      width: auto;
    }

但仍然在选择下拉列表中，文本在IE8中被切断。请告知如何解决它。

Answer 1

您的CSS有一个无关的#（p之前）。删除它。

当然，评论者也是对的。您在HTML和Javascript中都有更多错误 HTML也是不完整的：它甚至不包含你说的被截断的文本！

所以请提供更完整的代码示例。

编辑：看到屏幕截图后，很明显这只是IE的行为与其他浏览器的不同使用Firefox时，下拉列表的宽度取决于最宽option元素的宽度，您可以使用CSS设置option元素的宽度。
使用IE，下拉列表与select一样宽，并且没有可以更改它的CSS。既没有样式表也没有jQuery。

顺便说一下，下次请发贴实际代码。您发布的HTML，CSS和Javascript都有错误，因此我们浪费时间查看这些内容。

选择在IE8中无法正常工作

1 个答案: