Question

我的原始问题得到解答（关于包装文本或只有下拉框使用IE8中页面的特定部分）是here。

我在他们的JSFiddle中实现了@Dogoku建议的更改，这在css中有这个：

table {
    width:100%;
    table-layout: fixed;
}

.breakword {
-ms-word-break: break-all;
word-break: break-all;
// Non standard for webkit
     word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
font-size: 0.9em; font-weight: normal;
}

.choices {
    max-width: 100%
}

，这在HTML中：

<table width="100%" style="table-layout:fixed;">
    <tr>
        <td>kokos</td>
        <td class="breakword" style="width:54%">
            <select name="vlist" id="vlist" class="choices">
                <option value="15">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</option>
                <option>This is a test item for the dropdown</option>
            </select>
        </td>
    </tr>
</table

在两台不同的PC上，每台PC都使用相同版本的IE8，它们的表现不同。在一个版本上，它按预期执行，其中显示了一行（长）下拉文本。下拉框在框中显示向下箭头，当您单击它时，它会按预期展开下拉列表。进行选择，并且它正常运行。

在另一台PC上，显示下拉框，但不显示向下箭头。用户在框中单击并按预期运行（显示下拉列表中的所有项目以及长文本的单行）。用户可以选择它，并且一旦做出选择，它就按预期运行。

显示＆amp;通常工作的是Windows 7 32位操作系统，IE 8.0.7601.17514。不能正常显示的是Windows 7 64位操作系统，具有相同版本的IE8。此外，在此系统上启用了保护模式。除OS和OS之外单一设置，我无法找到两者之间的任何差异。

我注意到的一件事是，在第二台PC上受影响的下拉列表只是那些内容超出所提供空间的内容。其他没有内容超出其边界的下拉列表具有正常的下拉框，其上显示箭头。

我在下拉列表中忽略了什么？我怀疑它是CSS中的一个设置，但我尝试过的任何东西都使它在每个系统上以相同的方式运行。我很感激任何帮助或建议。

Answer 1

确保其中一个IE8未设置为兼容模式。如果是，你实际上是在IE7中测试而不是IE8。这是通过本地网络查看网页时的默认设置，永久解决此问题的最简单方法是override it within the page。

jQuery - IE8选择框缺少向下箭头

1 个答案: