Question

我在Windows上的Firefox（Mac上的FF工作正常），Chrome，IE，Opera，Safari上都有下拉列表的问题。

当我点击下拉列表并移动鼠标进行选择时，菜单会突然关闭。

我不能选择任何东西。

这是我的代码的一部分。

CSS：

.table {
   background:#ffffff;
}
.table ul {
   display: block;
   float:left;
   margin:0;
   padding:0;
   border:1px solid #C9C9C9;
}
.table ul.categ {
   width: 157px;
}
.table ul li {
   height:24px;
   list-style:none;
   padding:5px 10px;
}
.table ul li.title {
   font-weight:bold;
   background:#333;
   color:#fff;
}
.table ul li.even {
   background:#fff;
}
.table ul li.odd{
   background:#FFFFE6;
}

这是我的PHP代码：

<form>
    <div class="table">
        <ul>
            <li class="title">Titles</li>
            <li class="even">
                <select name="titles[]">
                    <option value=""></option>
                    <option value="title1">Title 1</option>
                    <option value="title2">Title 2</option>
                </select>
            </li>
        </ul>
    </div>
</form>

演示：jsFiddle

任何帮助？

Answer 1

您在第一个选项面前缺少<。不确定这是否会导致您的问题。另外，您要结束<form>代码吗？

Answer 2

你可能需要在Windows上破解你的CSS for FF。这里有关于Targeting only Firefox with CSS

主题的优秀帖子

Answer 3

发现问题，这里是修复代码的一部分。希望它可以帮助其他人。

.table ul li.even {
    background:#fff; 
    position:relative; /* this fix the unclickable dropdown list */
}

下拉列表在Firefox上消失

3 个答案: