我仅在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

有什么帮助吗?

最佳答案

您在第一个选项前面缺少<。不知道这是否会引起您的问题。另外,您是否要结束<form>标记?

关于php - 下拉列表在Firefox上消失,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11129285/

10-15 23:41