Question

我有一个奇怪的问题，一个简单的选择下拉列表没有在IE8中显示。它在兼容模式下在FF，Chrome和IE8中运行良好。这是一个精美的手风琴，但手风琴似乎运作得很好。也没有抛出任何错误。下拉列表根本不显示。我认为它可能是由于被命名为'order by'，所以我尝试改变它，但它仍然没有显示。这是使用视图源查看的片段（请参阅后面的奇怪内容）：

<form action="/foo" method="get"><input type="hidden" id="start_date" name="start_date" value=""/>
<input type="hidden" id="end_date" name="end_date" value=""/>
<div id="control">
    <div id="accordion">
        <div class="accordion-title"><img alt="Application_form" border="0" src="/images/icons/application_form.gif?1277517563" />&nbsp;&nbsp;Formatting:</div>
        <div class="accordion-body">
            <table border="0" width="100%">
                <tr>
                    <td width="30%">Order By</td>
                    <td>
                        <select name="order_by">
                            <option value="dates">Dates</option>
                            <option value="activities">Activities</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>
</div>
</form>

当我在IE8的Developer Tool中查看时，在HTML视图中，select标签已被更改为：

<select name="order_by" style="visibility: hidden;" __msh_save_visibility="inherit">

这是从哪里来的？

Answer 1

使用开发人员工具或firebug检查css属性。它可能是继承问题，因为ff忽略了

Answer 2

原来这些样式由calendar.js脚本应用。在表单中的此选择标记之后有日历元素，但我觉得这个脚本正在更改日历对象所在位置之外的标记。我在另一个问题上追求这个。

为什么IE8为我的select标签添加了一个可见性：隐藏的样式？

2 个答案: