php - 下拉列表在 Firefox 上消失

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 上为 FF 破解 CSS。这里有一篇关于使用 CSS 仅针对 Firefox的精彩帖子

Answer 3

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

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