jquery - 选择在 IE8 中无法正常工作

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 都有错误，所以我们浪费时间查看这些错误。