0

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 中被截断。请告知如何修复它。

4

1 回答 1

0

您的 CSS 有一个无关的#（在 之前p）。去掉它。

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

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

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

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

于 2013-05-17T10:43:35.043 回答