0

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

何か助けはありますか？

4

3 に答える 3

0

あなたは<あなたの最初の選択肢の前に行方不明です。これが問題の原因であるかどうかはわかりません。<form>また、タグを終了しますか？

于 2012-06-20T22:50:41.830 に答える
0

問題が見つかりました。ここに私のコードの修正部分があります。それが他の人を助けることを願っています。

.table ul li.even {
    background:#fff; 
    position:relative; /* this fix the unclickable dropdown list */
}
于 2012-06-21T06:49:29.853 に答える
0

Windows で FF を使用するには、CSS をハックする必要がある場合があります。CSS を使用して Firefox のみをターゲットにするというトピックに関する優れた投稿がここにあります

于 2012-06-20T22:51:48.930 に答える