HTML怎么在li中加select标签,自定义UL LI选择框似乎在其他HTML元素后面

我似乎无法弄清楚为什么我的自定义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

你的小提琴不起作用。 –

HTML怎么在li中加select标签,自定义UL LI选择框似乎在其他HTML元素后面相关推荐

HTML怎么在li中加select标签,Vue.js做select下拉列表的实例(ul-li标签仿select标签)_莺语_前端开发者...
目标:用ul-li标签结合知识点: 组件的写法及运用组件之间的数据传递(props的运用) 组件之间的数据传递($emit的运用) 动态数据的绑定(v-bind) 自定义事件通信效果图: 1.未 ...
html页面select怎么用,HTML中的select标签如何使用
HTML中select标签可以在表单上的项目中创建公共选择框,本篇文章就来给大家具体介绍一下select标签的用法. 我们首先来看一下什么是select标签? select标签是用于创建选择框的标签. ...
select html默认选中的值,HTML/jquery中的select标签设置默认选中取值
一.jQuery中的select标签设置默认选中取值每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如 1.设置value为pxx的项选中 $(" ...
uni中使用select标签后生成APP页面跳转空白
uni中使用select标签后生成APP页面跳转空白最近再用webstrom时,写uni APP时发现一个问题当生成apk后,带有select选择器标签的页面突然无法显示一片空白. 报错显示:Ca ...
html中select标签默认选择,HTML中的select标签如何设置默认选中的选项
方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 1 option > 2 option > 3 option &g ...
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 HTML 列表中的dl,dt,dd,ul,li,ol区别及应用工具/原料 html,dw软件方法/步骤 1 无序列表无序列表是 ...
vue+Element+select满足条件后将选择框清空
vue+Element+select满足条件后将选择框清空前言 1.效果展示 2.代码实现前言问题:当选择下拉框中的某项时,满足了一定的条件,需要将此选择框选中的内容置空. 解决:用watch监 ...
html自定义js程序,JS中微信小程序自定义底部弹出框
实现微信小程序底部弹出框效果,代码分为html,css和js两部分,具体代码详情大家参考下本文. html CSS .commodity_screen { width: 100%; height: 1 ...
struts2中s:select标签的使用
1 静态生成 <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别&quo ...

HTML怎么在li中加select标签,自定义UL LI选择框似乎在其他HTML元素后面

HTML怎么在li中加select标签,自定义UL LI选择框似乎在其他HTML元素后面相关推荐

最新文章

热门文章