我似乎無法弄清楚為什么我的自定義UL LI選擇框出現在其他HTML元素后面。你如何解決這個問題，當用戶點擊選擇框時，它會出現在其他頁面元素的頂部？

這里是手頭的問題的一個畫面：

下面是一個描繪所期望的結果：

這里是有問題的CSS：

* {

font-family: Segoe UI;

font-size: 9pt;

}

.select {

background: url(arrow.png) no-repeat scroll right top;

border: 1px solid rgb(170,170,170);

width: 180px;

padding: 3px;

position: absolute;

}

.select:hover {

cursor: pointer;

border-color: rgb(112,112,112);

}

.select ul {

list-style-type: none;

margin: 0;

padding: 0;

cursor: pointer;

position: relative;

background: red;

}

.select ul li {

display: none;

padding: 1px;

font-weight: normal;

}

.select ul li:hover {

background: rgb(112,146,190);

color: #FFF;

}

.selected {

background: rgb(195,195,195);

}

HTML：

Numbers

• ?
• 1234
• 5678
• 9101

Letters

• ?
• abcd
• efgh
• ijkl

Fruits

• ?
• apples
• bananas
• oranges

+0

你的小提琴不起作用。 –

總結

以上是生活随笔為你收集整理的HTML怎么在li中加select标签,自定义UL LI选择框似乎在其他HTML元素后面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。