drop-down-menu 相关问题

我有两层菜单 - 一个 ul 和另一个嵌套的 ul， - 一个带有下拉子菜单的菜单，例如：菜单项菜单项... 我有两层菜单 - 一个 ul 和另一个嵌套的 ul， - 带有下拉子菜单的菜单，例如： <div id="menu"> <ul> <li>Menu item</li> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </li> </ul> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </li> </ul> </li> </ul> </div> 第一个 ul 内联显示，而第二个 ul 显示块并使用 JQuery 隐藏和显示。我有以下 CSS 将子菜单 ul 放置在其各自的父菜单 li 下： #menu UL LI { list-style-type: none; display: inline; padding: 10px; position: relative; } #menu UL LI UL { display: none; z-index: 999; position: absolute; } #menu UL LI UL LI { display: block; width: 100px; } 我的问题是子菜单项没有出现在 FireFox 和 IE 中各自的父菜单项下。但它在 Chrome 和 Safari 中运行良好。我认为这是正确的方法，但有人知道更好的方法吗？要达到您想要的状态，需要进行一些小的更改： #menu ul li { + display: inline-block; - padding: 10px; + padding: 0 10px 0 10px; } #menu ul li ul li { + padding: 10px; } 无需重新发明轮子，更灵活： http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ 演示： http://nettuts.s3.amazonaws.com/819_megamenu/demo/index.html 此外，如果您不打算使用灵活的布局，请设置固定宽度。当浏览器缩小时，您的网站就会崩溃。让它位于正确位置的最简单方法是将其定位到父 LI。将 left: 0 添加到您的 #menu UL LI UL css 声明中，它应该开始按照您想要的方式运行。如果您从网站复制了标记，那么可能是这个有问题。您的开始标签和结束标签不匹配。我已经在这里解决了这个问题： <div id="menu"> <ul> <li>Menu item</li> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </ul> </li> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </ul> </li> </ul> </div> 我刚刚对您的 CSS 进行了一些快速修改，这可以帮助您。 #menu ul { background: blue; } #menu ul li { list-style-type: none; width: 100px; } #menu ul > li { display: inline-block; position: relative; padding: 10px; height: 20px; background: red; } #menu li > ul { display: none; position: absolute; left: 0px; top: 40px; z-index: 999; background: yellow; } #menu li > ul > li { display: block; background: green; }

jquery css drop-down-menu cross-browser html-lists

回答 4 投票 0

flutter中如何根据DropdownMenu的onSelected更新TextField？

我有以下代码，我试图获取 UI 中结果文本旁边的 TextField 的内容，以根据此 Flutter 的 DropdownMenu 中更改的项目自动更新...

flutter drop-down-menu textfield

回答 1 投票 0

尝试将 SelectBox 下拉菜单与 JQuery 自动完成结合起来

我有一个很好的双层SelectBox 功能。例如，它允许您选择“黄金”，然后选择“礼服”。然后onclick会直接带你到http://website.com/gold/dres...

javascript jquery drop-down-menu autocomplete

回答 1 投票 0

如何编辑列表中的文本输入

我有一个评论框和每个框附带的按钮的列表。当用户单击编辑时，我只希望启用该特定文本框。单击“保存”或“取消”时，我希望文本框为

html angular list drop-down-menu ng-template

回答 1 投票 0

Flutter 下拉菜单文本字段中的输入格式

我想将 DropDownMenu 的文本字段与输入格式化程序一起使用，但我找不到任何选项。有没有办法在用户输入时将 DropDownMenu 字段中所有单词的第一个字母大写...

flutter drop-down-menu

回答 2 投票 0

asp.net 中的 DropdownList 列表项

我希望在下拉列表顶部显示“请选择”，但是当我从数据库中提供列表项时，“请选择”选项未显示。我希望在下拉列表顶部显示“请选择”，但是当我从数据库中提供列表项时，“请选择”选项未显示。 <asp:DropDownList CssClass="form-control" ID="DropDownList3" runat="server" DataSourceID="SqlDataSource2" DataTextField="ROLENAME"> <asp:ListItem Text="Please select" Value="" Disabled="disabled" Selected="True"></asp:ListItem> </asp:DropDownList> 将 AppendDataBoundItems="true" 添加到 DropDownList。 <asp:DropDownList CssClass="form-control" ID="DropDownList3" runat="server" DataSourceID="SqlDataSource2" AppendDataBoundItems="true" DataTextField="ROLENAME"> <asp:ListItem Text="Please select" Value="" Enabled="false" Selected="True"></asp:ListItem> </asp:DropDownList> 正确的语法是 Enabled="false"，而不是 Disabled="disabled"。禁用=禁用是HTML代码。在 .cs 代码中，在 DropDownList3.DataBind() 之后插入一个如下所示的 ListItem： this.DropDownList3.Items.Insert(0, new ListItem() { Text = "请选择", Value = string.Empty });

c# asp.net drop-down-menu listitem

回答 2 投票 0

如何使用 laravel livewire 创建 2 级依赖下拉菜单，例如国家和首都？

我是 laravel livewire 的新手，我正在尝试使用 livewire 组件创建一个 2 级下拉菜单（国家和首都），但不幸的是我没有得到我想要的结果。这是我的

drop-down-menu laravel-livewire

回答 1 投票 0

在 Kotlin Jetpack Compose 中重用下拉菜单

我正在创建一个应用程序，我希望根据需要扩展它。我想使用下拉列表来选择一个选项，然后使用相同的列表减去先前的值来显示一个新的下拉列表

kotlin drop-down-menu android-jetpack-compose

回答 1 投票 0

单击按钮时立即更改所有菜单项前景色

我已经带着这个问题来了，但答案不是我所期望的...... 正如您在上图中看到的，我有两个主题（浅色和深色）。 “Light”主题运行良好，但是当我...