CSS下拉列表不能正确显示，向下不可见
的问题可能是由于以下原因导致的：
- CSS样式问题：检查下拉列表的CSS样式是否正确设置。可能是设置了高度限制或者溢出隐藏等属性导致下拉列表向下不可见。可以尝试修改相关样式属性，如height、overflow等，以确保下拉列表完全显示。
- 定位问题：下拉列表的定位可能导致向下不可见。检查下拉列表的父元素是否设置了position属性，并且是否正确设置了top、bottom、left、right等属性。确保下拉列表的位置在可视区域内。
- z-index属性问题：下拉列表可能被其他元素遮挡。检查下拉列表及其父元素的z-index属性，确保其数值较大，以保证下拉列表在其他元素之上。
- JavaScript交互问题：如果下拉列表是通过JavaScript生成或者控制显示隐藏的，可能是JavaScript代码逻辑问题导致下拉列表不能正确显示。检查相关JavaScript代码，确保下拉列表的显示和隐藏逻辑正确。
如果以上方法都无法解决问题，可以尝试以下腾讯云相关产品来解决CSS下拉列表显示问题：
- 腾讯云CDN（内容分发网络）：通过加速静态资源的分发，可以提高页面加载速度，从而可能解决CSS加载不完整导致下拉列表显示问题。了解更多：腾讯云CDN产品介绍
- 腾讯云云服务器（CVM）：如果问题是由于服务器配置或者网络通信问题导致的，可以考虑使用腾讯云云服务器来提供稳定的服务器环境。了解更多：腾讯云云服务器产品介绍
- 腾讯云云数据库MySQL版：如果问题是由于数据库查询或者数据处理问题导致的，可以考虑使用腾讯云云数据库MySQL版来提供高性能、可扩展的数据库服务。了解更多：腾讯云云数据库MySQL版产品介绍
请注意，以上推荐的腾讯云产品仅供参考，具体解决方案需要根据实际情况进行选择和调整。
相关·内容
我有一份菜单，上面有一些项目，上面显示了滚动时的下拉菜单。
我想达到的目标是：
下拉到父元素中，以使用:悬停伪类来显示它。
下拉菜单是窗口宽度的100%，而不是它的父窗口
下拉列表的内容不能相对于父菜单项定位
指向父菜单项中间的CSS三角形。
CSS转换，使菜单淡入并向下移动到位置。
我正在使用的布局类型的快速小提琴：
由于我希望将下拉列表保存在父元素中，所以我设置了父元素的position: static。问题是，现在我没有参考位置的CSS三角。
我不能为每个菜单项硬编码下拉列表的位置，因为
菜单将是动态的，并且
菜单栏的字体大小随媒体查询而改变(在小提琴
浏览 1提问于2014-02-10得票数 1
我目前正在开发一个具有虚拟列表()的react应用程序。列表中的项可能包含一个select下拉列表。
现在的问题：虚拟化列表隐藏溢出。因此，没有显示最后一个下拉列表，您不能向下滚动以查看下拉列表的内容：
=================这里是图像结束的地方，================
我不知道如何在不更改虚拟化列表代码的情况下解决这个问题。外面有人吗？
浏览 1提问于2017-10-12得票数 3
回答已采纳
我有一些下拉菜单，它们是display:none和只在单击时显示(使用jquery)。但是，有一些div被放置在下拉菜单的“下面”位置。他们必须在下面，考虑到当它出现时，下拉列表必须超过所有东西。但是，我能做些什么来“点击”这些下拉div吗？
我知道有"pointer-events:none“，但这似乎会禁用下拉菜单上的所有单击，这是我不能拥有的。
我见过上百个网站的下拉菜单覆盖了他们网站的所有部分。然而，当不使用时，这些菜单不会阻止位于“下面”的div，那么这里的解决方案是什么呢？
下拉菜单的位置是否需要修正？
任何和所有的帮助都是感激的。我花了很长时间才发现这个问题。我被难住了，为
浏览 0提问于2012-05-21得票数 0
回答已采纳
2回答
显示下拉菜单的最佳方式是什么？为了实现最佳实践。
请记住：
-Accessabilty，可在关闭javascript的情况下查看
screen readers -backwords capatabilty , viewable in IE6 -cross browser
我之所以这样问，是因为我最近在一些网站上工作，这些网站只有css下拉菜单，在IE6中不显示下拉菜单
如果javascript不是正确的方式，是否会将下拉列表显示为列表？
浏览 0提问于2010-03-02得票数 1
回答已采纳
2回答
我似乎弄不明白为什么这件事不能正常运作。它应该是一个通用下拉css菜单。我还没有到我使下拉列表不可见的部分(我将设置显示:当我到达它的时候，lol)，但是现在我只是尝试正确的布局。然而，没有按照我想要的方式工作的部分是实际的下拉部分。它应该悬停在页面内容上，但是它似乎在向下推，即使我设置了一个z索引。有人知道为什么吗？
下面是HTML：
<div id="navigation">
<div id="nav-container">
<ul id="nav">
<
浏览 0提问于2013-09-08得票数 0
回答已采纳
2回答
我试图向下拉列表中添加一个CSS类，但这会导致控制台错误。
未明错误: No select2 2/compat/下拉列表
$('.myfilter').select2({
placeholder: name,
allowClear: true,
dropdownCssClass: "mytestdropdown",
});
我试图实现的是向下拉列表中添加一个类，这样我就可以用CSS对下拉列表进行样式化--一个下拉列表的元素(而不仅仅是在整个网站上设置所有Select2下拉列表的样式！)
浏览 7提问于2019-09-17得票数 2
2回答
我需要创建一个下拉菜单，它将打开而不是向下。通过，我知道了如何创建下拉菜单，然后根据我的需求对其进行了修改，最终得到了。
现在我想将这个下拉列表粘贴到页面的底部，所以我将容器的css更改为position:absolute;bottom:0;。但是，我的下拉列表不再正确显示，如所示。
谁能解释一下为什么会发生这种情况，以及如何正确地去做呢？
提前谢谢。:)
编辑：
多亏了kei和bukfixart，我现在交替使用了下面给出的两个代码，得到了相同的结果:它们在IE9中可以工作，但在Chrome或火狐中就不能工作(读作:行为怪异)。你可以看到的怪异行为。请注意，只有当所有4个选项卡都在同一行中时，
浏览 2提问于2012-12-22得票数 0
回答已采纳
2回答
当下拉列表关闭时，我试图使用css将所选选项添加到下拉列表中。具体来说，我想让下降的人说
按顺序排序: Option1
当关闭和打开下拉时，您将看到选项1、选项2等。
我发现了这个：
它显示了如何将样式应用于正确的事物，但当我尝试应用:在选项元素之前，在任何情况下都不会出现任何情况。也就是说，我似乎不能使用
option:before{
content:"before option"
}
作为任何效果的规则。
选项元素总是这样吗？我还发现不能在span类中包装选项文本，所以我不能这样做。
浏览 4提问于2013-10-16得票数 1
回答已采纳
2回答
我用两种方式改变了我的鞋带下垂：
下拉列表出现在悬停时，而不是单击时。
从其中掉下来的li仍然是一个可点击的链接。
下拉功能正常工作，但是当您鼠标向下下拉列表的lis时，下拉菜单将在您到达第二项或第三项时消失。据我所知，不管下面页面上的内容如何，都会发生这种情况。
我不知道问题是从哪里来的，因为我已经检查了z-index的任何CSS实例。
当您悬停在菜单项上使用“工具”时，您可以看到下拉问题是实时的。我会在这里粘贴HTML和/或CSS，但我真的不知道问题出在哪里，所以我会提出大量的代码和/或猜测.
浏览 1提问于2017-08-20得票数 0
回答已采纳
我有一个大约向下100像素的矩形菜单样式视图(视图1)横跨窗口(即窗口中它的上方有空间)，需要从视图1的屏幕下方显示下拉内容(视图2)的动画。我需要动画从视图1的底部边界开始-与iOS 5通知下拉菜单非常相似，除了从屏幕下方的特定点开始。
我不能简单地将视图2从屏幕外滑入，因为由于各种原因，我不能覆盖一个隐藏其运动的UIView，直到它到达视图1的下边。
我已经检查过这个答案-- --但我不认为它是合适的，因为我希望菜单是滑动的，而不是从静态的起点显示的。而且，正如所指出的，我不能用另一个视图“隐藏”滑动视图。
如何向下滑动视图2，使其在从另一个视图的下边边界出现时显示出来，类似于io5通知
浏览 0提问于2012-02-16得票数 0
回答已采纳
SSRS 2017 Report Builder使用深入查看按钮和字段数据正确呈现报告。在浏览器中渲染时，展开数据和字段数据都不可见。 Edge、Chrome和IE都隐藏了带有向下钻取按钮的字段。故障似乎出在.MSRS-RVC .tdResizable overflow:hidden中的css，好像这是未勾选的(在Chrome和IE Devtools中)字段正确显示，并正常工作。 显示缺少字段的边缘屏幕抓取： ? 报表生成器屏幕截图，通过下拉按钮显示报表的外观 ? SSRS版本 ? 我已尝试通过添加以下内容来编辑“C：\Program Files\Microsoft
浏览 14提问于2019-01-16得票数 0
1回答
我有一个无序的列表，需要一个固定的高度。
列表中的每一项都与一个由每个项目上的按钮(.)打开的引导带下拉菜单相关联。
下拉菜单对前几项显示正确。
但是，只要我向下滚动列表并单击.按钮，下拉菜单就会显示在屏幕之外。
<head>
<link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min
浏览 3提问于2017-04-14得票数 1
回答已采纳
嗨，我有一个垂直滚动条在addUSer页面。但是当我选择下拉列表中的多个值时，页面长度会增加，滚动条不会正确出现。在chrome和Mozilla中，它工作得很好。此问题仅在IE中出现。提交按钮对我是不可见的，因为我不能向下滚动scrollBar。这是滚动条的CSS
.scrollable {
overflow-y: auto;
overflow-x: hidden;
}
浏览 0提问于2017-05-22得票数 0
我在使用jquery / css创建下拉菜单时遇到了问题。
现在，每个类别的每个下拉菜单都是一个div，它有一个隐藏的显示，直到类别悬停。我试图让jquery在hover和mouseleave上显示/隐藏正确的div。
我使用的逻辑是:如果类别链接或下拉菜单悬停，则显示下拉菜单，否则隐藏下拉菜单。
更具体地说，我遇到的问题是，只要用户将鼠标悬停在类别链接上，就会显示下拉菜单……一旦dropdown div没有悬停，它就会关闭。我需要它关闭，如果下拉列表没有悬停或如果类别链接没有悬停…
现在，即使我将鼠标悬停在相邻的类别上，试图查看相邻的下拉菜单的类别，第一个下拉菜单仍然保持打开，除非我先将鼠标
浏览 0提问于2012-04-01得票数 0
我已经摆弄我的下拉导航菜单的css位置有一段时间了，似乎不能让它停留在它应该停留的地方。
我的菜单示例可以在这里找到：
下拉列表区域的CSS为
.rscss-horizontal_nav ul li ul {
margin: 0 0 0 0;
padding: 5px 0 0 0;
}
当页面根本没有向下滚动时，下拉菜单就可以了。但是，当您向下滚动一点时，菜单不会向上移动以停留在顶层导航项。
我似乎找不到导致这种情况的原因，并尝试了下拉菜单的不同位置样式，但仍然没有效果。
有谁有什么想法吗？
浏览 0提问于2013-05-28得票数 1
回答已采纳
我有一个定制的拖放多选择下拉列表。它只有dropdown的唯一控件id。当我们第一次打开下拉菜单时，滚动显示在顶部。下一步，我们向下并关闭下拉菜单。下次打开滚动条时，滚动条将位于相同的位置(向下)。 如何在打开滚动条时将其设置在顶部。任何css属性都会很有帮助。提前谢谢。
浏览 128提问于2021-07-03得票数 0
2回答
如果不单击jQuery
、、、
我正在用div和span标签创建一个选择框，这样我就可以为iphones和ipads创建一个样式化的框。它工作得很好，但是一旦用户单击该框并显示下拉选择，唯一的方法是删除选择列表以选择其中一个选择，或者再次单击选择框它的self。我正在寻找一个函数，它将关闭用户单击页面上其他任何内容的选择列表，除了列表(当列表打开时)。这是我处理选项列表显示的函数。
jQuery：
$(this).children('.selectedOption,.selectDropDownArrow').click(function(){
if($(this).parent().
浏览 4提问于2014-01-14得票数 1
我有个奇怪的问题。我的剑道下拉列表在我的应用程序中的所有输入上每次按下向上或向下箭头时都会显示下拉列表。有谁知道这是什么原因造成的吗？我去了关于这个的剑道页面，但它主要是键盘快捷键的参考。
我应该提到的是，向下和向上箭头确实会更改为列表中的下一项，但我不能让下拉列表每次都显示。
var dataYesNo = [ { text: "Yes", value: 'true' }, { text: "No", value: 'false' } ]; $('#ddlList').kendoDropDownList({ da
浏览 1提问于2015-09-16得票数 0
嗨，我已经为下拉框验证推荐了。如果我有多个下拉列表，则它只适用于一个下拉列表，这意味着它不能正确显示
$(document).ready(function () {
$('.default').dropkick();
$('.example_form').validate({
highlight: function (element, errorClass) {
$(element).siblings('.dk_container').addClass('error
浏览 1提问于2013-02-14得票数 1
1回答
银光下拉
、
我有一个Silverlight表单，其中包含有10行的堆栈面板(取向=垂直)。每一行都包含一个TextBlock和Textbox控件，除非最后一行有一个TextBlock和Drowdown。控件底部有两个按钮。先前和继续。
下拉列表中有10项。当我从下拉列表中选择一个值时，十个项中只有两个显示出来。我相信其余的项目并没有解散，因为有某种剪裁效果正在进行。当然可以。
Silverlight是否允许下拉控件向上显示(而不是默认的向下方向)？在将下拉列表呈现到控件之前，我是否必须重写一些呈现能力，或者是否有允许我完成此功能的属性？
浏览 0提问于2009-11-10得票数 0
1回答
跨浏览器问题jquery下拉菜单
、、、、
好的，我做了一个网站前一段时间，总是有问题的菜单系统是必要的。基本上，你点击地图上的一个位置，然后它会在右边的下拉菜单中显示子位置列表。这些都是它们的机会，它们只是基于options类显示的机会。
我已经把网站在shiftera.co.uk所以你可以看到它的。
首先是问题。( 1) IE --列表从不过滤，它始终显示所有结果，而不考虑类。2) Chrome --下拉列表有时会被压缩，显示一个结果，并隐藏其他您需要使用向上/向下箭头来改变的结果，有时会显示3，有时显示为4.3) Firefox --列表显示为1排，不像通常的下拉列表。
我认为问题更多的是css问题或大量css问题。
地图链接的一
浏览 1提问于2013-08-07得票数 0
1回答
情景：当我使用鼠标按钮点击ttk.Combobox的“向下箭头”时，它的标准行为是显示下拉列表。当第二次单击向下箭头时，组合框下拉列表将被隐藏。
用键盘。可以通过按一次“向下箭头”来显示组合框下拉列表。进一步按下“向下箭头”将向下滚动到下拉列表的末尾。反复按下“向上箭头”会向上滚动下拉列表，直到高亮/选择到达下拉列表的顶部，但它最终不会隐藏下拉列表。
问题：不用鼠标或键盘，即使用计算机编程，我如何隐藏一个公开下拉列表的ttk.Combobox。我知道w.event_generate("<Down>")命令可以用来编程一个ttk.Combobox，以显示它的下拉列表。
浏览 2提问于2017-01-15得票数 0
回答已采纳
5回答
到目前为止，这是Firefox和IE上的一个问题，我已经测试过了；Chrome上不存在这个问题。
我在一个页面上包含两个TinyMCE编辑器，其中一个部分脱离屏幕即可开始。当我从第一个color picker实例的工具栏中选择TinyMCE下拉选项时，下拉显示在它应该出现的位置。但是，如果我向下滚动并在第二个实例中选择color picker下拉列表，则该下拉列表将显示在编辑器下面，并且通常会从页面上删除。
您可以在这里看到这一点：
在不删除html, body CSS的情况下，如何使颜色选择器始终显示在正确的位置？
我将问题追溯到在html, body元素上设置CSS。
html, body
浏览 16提问于2015-04-07得票数 12
回答已采纳
1回答
我使用键盘导航(向上、向下和回车键)在下拉列表(使用div模拟)中导航选项。我想要滚动条移动和调整，以显示正确的选项，因为我使用键盘导航。
如果任何人能提出他们的见解，这将是有帮助的，非常感谢。
我必须使用纯Javascript，不能使用Jquery。
浏览 0提问于2013-07-31得票数 1
我正在尝试创建一个简单的时间选择器指令。
当用户单击输入字段时，我希望将我的模板html的内容显示为输入下面的下拉列表(稍后将处理css )，以便用户可以从列表中选择时间。我不确定如何获取模板(比如angular.element( template ).show())
谢谢!
编辑:我设法想出了这一点：除了当我单击任何列表时，它没有设置正确的模型值之外，一切都可以工作。
浏览 0提问于2013-06-01得票数 1
回答已采纳
2回答
我正致力于制作一个有自定义CSS的Squarespace页面，以使其具有移动响应性。在移动屏幕中，我的页面有一个下拉菜单，其中包含页面的不同链接。我的问题是，在某些页面(如音乐或观看)中，当您单击菜单按钮时，下拉菜单隐藏在页面的内容后面。我知道这与使用position: absolute有关，但我还没有找到一种方法，使菜单按钮的位置和下拉列表按我的意愿使用position: relative。这是我的CSS菜单：
#mobileNav {
background: none;
position: absolute;
top: 20%;
left: 0;
right: 0;
浏览 6提问于2020-02-11得票数 1
回答已采纳
我正在创建一个网站与缩小标题部分“滚动”和一个下拉菜单。
我遇到的问题是，当我向下滚动时，下拉菜单不能正确显示。我尝试了几个小时来检查包含下拉列表的"ul“元素，但我不能理解发生了什么，因为当我检查元素时，我看到了那里的框，但它没有显示。
我在这里设置了我的问题的演示
你会看到，如果你不滚动，它会工作，一旦你滚动，即使你向后滚动它的混乱。
当我删除头部的收缩功能时，一切都正常，所以我猜错误一定在那里，但几个小时后我就没有运气了。
在正确的方向上的任何一点都将是非常感谢的！
浏览 2提问于2011-08-16得票数 0
回答已采纳
使用jQuery UI Slider组件，工具提示将跳到滑块下方以获得可见性。类似于当窗口上没有足够的空间供下拉选项时，下拉列表将显示在输入框的上方/下面。
我需要消除这种能力，所以工具提示将始终显示在滑块之上，而不管屏幕位置如何。在中，我看不到这方面的选择，也无法通过谷歌找到解决方案。
当由滑块计算顶层属性时，我尝试手动设置位置，但这只工作了一部分时间，并覆盖了滑块功能。这不是一个好的解决办法。
$slider.slider({
range: "min",
values: [140,0]
min: 2
浏览 0提问于2019-05-21得票数 0
1回答
我的Excel项目中有一个组合框，它使用一系列单元格作为项目列表。我在其中使用了一个筛选器，以便每当输入一个值时，列表缩小到包含字符串的项，并显示下拉列表。但是，问题出现了，当显示下拉菜单时，导航键不能用于滚动项。一旦按下键，下拉列表就会再次被过滤。
我想它的发生是因为向下键在关注项目的同时，也在选择它。因此，自动调用combobox_change事件。
是否有一种方法可以使我能够自动停止键下事件选择一个项目，但只滚动它们？
浏览 0提问于2014-11-14得票数 2
1回答
我已经放弃了使用以下css的下拉菜单
.menu li ul {display: none;}
.menu li:hover > ul {display: block;}
但问题是，只要菜单向下拉，下面的内容就会向下移动。我怎么才能防止这种情况发生。
浏览 1提问于2011-06-09得票数 0
回答已采纳
5回答
我正在制作一个dropdown小工具。向下展开的菜单设置为与父菜单相同的宽度(使用jQuery)。
这个小部件工作正常，直到您将它放入一个DIV容器中，初始显示设置为none。当这个容器显示时，根据jQuery的所有下拉宽度都是零...如果默认显示容器，则一切正常。
希望我的小提琴能更好地说明我的意思:结果窗格上的；顶部的下拉列表位于容器的外部，底部位于容器的内部。除了一些明显的样式问题外，宽度并没有扩大。
浏览 0提问于2012-03-30得票数 2
回答已采纳
我有一个anglarJS项目，它有一个水平导航栏。导航栏中的每个元素都是一个类别，并使用一个angularJS下拉指令来显示该类别的子类别。
我希望从左到右从左到右把整个屏幕放满。当前，下拉列表从css“最小宽度”属性确定它的宽度。这并不能解决我对下拉菜单来填充整个屏幕的需求--我已经看到一些网站这样做了，我想知道是否有办法强迫我的下拉菜单从左到右填充整个屏幕。
下面是页面/下拉列表的html，包括指定下拉宽度的css。
这是另一张下拉列表的图片。我添加了蓝色箭头来表示我希望下拉列表填充整个屏幕是什么意思。
这些图片是相当高的分辨率，并向你展示所有的细节。尝试在柱塞中
浏览 1提问于2015-01-09得票数 0
回答已采纳
2回答
当焦点位于下拉控件上时，当用户按下向上或向下箭头键时，是否可以在下拉列表中显示项目列表？我认为这将涉及到使用onkeydown for Keycode 38(向上箭头)和40(向下箭头)向下拉列表发送onclick？但我想不出该怎么做。
浏览 0提问于2009-10-13得票数 0
<input type="text" list="numbers">
<datalist id="numbers">
<option value="110">
<option value="111">
<option value="112">
<option value="113">
<option value="114">
<o
浏览 1提问于2013-08-27得票数 7
回答已采纳
这是我正在验证的代码，但它无法在下拉列表下获得Logout选项。我从下拉列表中复制了Logout的XPath值。
📷
📷
这就是那个下拉菜单的样子。
📷
这是验证相同的错误。
TaskTimedOut:等待元素可见的任务超时，使用: By(xpath，//@id=“settingsDd”/li3./a/span)
实际上，我发现正确的下降是没有被选中，而是有一个旅游按钮被点击和高亮显示。我已经获得了下拉列表本身的XPath，但是出现了错误的单击。如果有语法错误，请告诉我。请协助。
浏览 0提问于2019-01-11得票数 0
回答已采纳
3回答
我有一个继承自combobox的控件(实现了C#，.Net 2.0)。它有过滤和其他东西。为了保持UI正确，当过滤过程中的项目数量减少时，下拉列表将更改其大小以适应剩余的项目数量(这是由NativeMethods.SetWindowPos(...)完成的)。
有没有办法检查下拉列表是向上还是向下显示(字面上)-不是检查它是否打开，而是在哪个方向上，向上还是向下？
干杯，jbk
浏览 0提问于2012-02-08得票数 7
回答已采纳
我正在尝试创建一个下拉菜单，只有当窗口在最上面时才会向上打开，当窗口不在顶部时才会向下打开。我试图通过IF语句来实现这一点，但无法让它向下显示。“show”将向上显示菜单，“show2”将向下显示菜单。
这是"show“和"show2”的CSS。
.show {display:block;
bottom: 100%;
}
.show2 {display:block;
}
这是JQuery脚本。正如你所看到的，我试图让它切换到‘显示’时，在页面的顶部，我希望它改为'show2‘时，用户从顶部滚动1或2像素’。又名直接。
当用户单击下拉按钮时，在隐藏和显示
浏览 1提问于2016-10-19得票数 0
1回答
我在一个表单的底部有一个角度选择的多选元素，我想让它成为一个下拉框，而不是一个下拉框。似乎没有下拉选项。select元素产生的html如下所示：
<select multiple chosen>
<div class="chosen-container chosen-container-multi">
<ul class="chosen-choices">
...
</ul>
<div class="chosen-drop"
浏览 22提问于2016-08-23得票数 1
回答已采纳
1回答
在火狐和互联网浏览器下拉列表(选择列表)在HTML5显示作为选项加上一个可点击的选项卡，以启动下拉。
在chrome上，这个命令没有可见的显示，当下拉列表单击时启动时，我希望有一种方法可以明显地显示显示选项不是唯一的选项(无需说“这是下拉列表”)。
当我用chrome进行开发时，我继续将它添加到我的css中，并围绕着select。
dropdownlabel{
position: relative;
}
dropdownlabel:after {
content: '>';
-webkit-transform: rotate(90deg);
浏览 2提问于2014-11-15得票数 0
回答已采纳
4回答
不可见但可点击的下拉框？
、、、、
在css/jquery中可以做到这一点吗？
我想要一个下拉框是看不见的，所以没有箭头或选定的文本。基本上，如果您单击该区域，下拉列表将打开，以便您可以选择其中一个选项。在您选择一个选项后，我将执行一些操作。
如果没有打开，应该不会显示任何内容。如果它是打开的，则只显示下拉菜单，而不显示当前选定的。
编辑:当它打开时，我希望它看起来像右边，而不是左边：
浏览 3提问于2012-08-11得票数 0
回答已采纳
我在我的(目前是私人的)网站上有一个超级菜单。在其中一个下拉列表中是一个<select>元素，该元素具有足够的选项，当它们展开时，列表将位于大型下拉列表的底部。在FF & Chrome中，下拉列表保持扩展。在IE中，下拉菜单不再认为它被悬停在上面，而是隐藏起来
在这里可以看到效果：。
菜单是用CSS显示和隐藏的(所以我认为没有事件屏蔽)。我必须向下支持IE8。如果绝对必要的话，我可以使用javascript和jQuery。
有什么想法吗？
浏览 4提问于2013-04-09得票数 1
回答已采纳
1回答
理想情况下，我希望下拉菜单仅在悬停/单击父按钮时出现。但是，当您将鼠标悬停在菜单将出现的任何位置时，子菜单就会显示出来。我把它放在JSfiddle中：
理想的结果是对JS进行调整，这样下拉列表只有在它们所在的按钮悬停时才会出现……
$(document).ready(function(){
var w = $(window).width();
if(w > windowWdth) {$('#block_navigation > ul').css('display', 'block'); $('#block_naviga
浏览 1提问于2014-08-06得票数 1
1回答
我有一个列表视图，其中每一行都包含一个用base64编码的图像，所以我使用from stream方法对它们进行解码。第一次访问我的列表时，图像显示正确。但是，当我向下滚动和重新滚动到上，应用程序进入中断模式，并告诉我无法访问关闭的流，我理解这个问题，但什么是解决方案，以显示所有的图像和向上和向下滚动没有这个问题。
浏览 1提问于2018-04-25得票数 1
1回答
当我在Tasks模块的文本字段中键入时，我希望(Selectable)预测的下拉列表显示在下面。我知道如何从数据库值中更改下拉字段的下拉值，但用户不能向下拉字段中输入新值(只能选择)。我希望用户能够像往常一样输入到文本字段中，并像下拉列表一样点击下面输入的文本建议。我是SuiteCRM的新手，所以文件路径会很有帮助。
浏览 21提问于2019-06-13得票数 0
我想在woocommerce产品管理部分的下拉列表中以特定顺序显示“属性”。这些属性没有按照正确的顺序输入。现在重做已经太晚了，所以我想把它们列在下拉菜单中，因为它们应该出现。对于输入数据的人来说，向上和向下滚动这个列表太费时了。如果他们已经按正确的顺序排列，那就更快了。我已经看到了如何强迫它们在前端按特定顺序显示，而不是在管理部分--谢谢。
浏览 0提问于2016-03-01得票数 2
2回答
我有一个容器div，其中有一个下拉控件。单击下拉按钮将打开下拉菜单。我最初遇到的问题是，如果容器div的高度很小，那么下拉列表就会打开，但会产生一个滚动条。我发现不可能同时拥有overflow-x: scroll和overflow-y: visible。这迫使我制定了一个新的下课策略。也就是说，使用@浮动-ui( Popper 2之后的下一个版本)，允许将一个元素相对于另一个元素放置。因此，单击下拉按钮后，我将下拉菜单从它的直接父菜单移动到文档的正文中(因此整个下拉菜单总是可见的)，然后附加浮动-ui。所有这些都很好。剩下的唯一问题是，下拉菜单最初只在用户悬停在容器上时才显示。但是，由于下拉列
浏览 3提问于2022-03-25得票数 0
如何限制HTML <select>下拉列表中显示的选项数量？
例如：
<select>
<option value="1">1</option>
<option value="2">2</option>
...
<option value="20">20</option>
</select>
如何让浏览器只显示前五个选项，并向下滚动显示其余选项？
浏览 4提问于2012-01-09得票数 47
1回答
我正在为一个政府机构的项目工作，该项目需要508合规。我们的产品是使用闪存CS4为ActionScript 3中的闪存10编写的。我们100%通过编程来做到这一点。我们几乎所有的元素都能正常工作，但在访问combobox组件时，我们遇到了一个问题。
组合框可以用can键直接切换到，并且可以使用箭头键直接导航下拉列表。但是，在导航时，它会读取下拉列表中的最后一项，而不是当前项。例如，考虑一个带有选项列表的组合框: first，second。Jaws可以很好地读取提示，但当我们按向下箭头选择第一项时，它没有显示任何内容。再次按下向下箭头(因此选择了"second“)，它将显示为"f
浏览 0提问于2010-05-18得票数 1
回答已采纳
3回答
我有一个网页，其中有SVG之上的IMG元素，应该绘制形状在它上面。
绘图在浏览器之间正确执行。但是，当涉及到接收事件时，IMG实际上似乎会阻塞事件/接收事件(它本身没有任何事件附加，因此不会显式地停止)。
示例：
(固定标记，添加圆圈) FF，Chrome："svg收到鼠标向下“(正确)
Opera，IE9：-没有-(不正确)
当图像通过CSS可见性或显示: none隐藏时，它开始工作，但这种方式当然不能使用。
如何将SVG元素置于IMG元素之上，以便它能够接收事件？(在Opera，IE9中)
谢谢
浏览 1提问于2012-04-10得票数 6
回答已采纳
2回答
我试图构建一个下拉菜单，首先下拉菜单向下滑动，然后一个接一个的菜单项目从底部出现。在悬停时，它看起来很好，但我不知道如何在悬停时平稳地播放它。我要做的是先隐藏第二个子菜单，然后是第一个子菜单，然后是下拉菜单。
我尝试的是添加隐藏动画关键帧在默认情况下延迟到下拉列表中，并在悬停时添加带有0延迟的显示动画。但正如你所看到的那样，它不能正常工作。(而且它也会在页面加载时动画化，这对我不好)
ul li ul {
-webkit-animation: hideDropdown 1s;
-webkit-animation-delay: 0.5s;
}
ul li:hover ul {
-w
浏览 5提问于2016-02-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
