html怎么在下拉的选项中添加滚动条，就像这个图片右边的这种？

嘿，我们来谈谈这个下拉菜单滚动条。
我们得从HTML标签开始，即<select>标签，它是专门用来制作下拉菜单的。
然后，我们要为它找到一个父元素，也就是包裹下拉菜单的父元素，通常是
。

言归正传，这个爸爸需要一个尺寸，所以我们给它指定宽度为 2 00 像素，高度为 1 00 像素。
然后，你得给它穿上一件外套，就是CSS，并给它一些样式。
关键是overflow-y:scroll属性，意思是当内容超过这个区域的高度时，会自动出现滚动条。

比如我之前做的一个项目是在2 01 9 年，当时我为一个网站的下拉菜单做了一个滚动条。
代码如下所示：
<选择> <选项>选项1 </选项> <选项>选项2 </选项> <!-
添加到选项 1 0 --> </选择>

在本例中，我将宽度设置为 2 00 像素，高度设置为 1 00 像素，然后添加滚动条。
这样，当选项超过1 00像素时，用户可以使用滚动条查看所有选项。

不过，说实话，这个滚动条并不是一直都需要的。
例如，如果下拉菜单中的选项不多，滚动条就会显得多余，实际上会影响视觉效果。
因此，我们要根据实际情况来决定是否添加这个滚动条。

还有，现在技术这么发达，我们也可以使用JavaScript或者jQuery来动态调整滚动条了。
比如可以根据选项的数量来判断是否需要滚动条，这样用户体验会更好。

总之，这件事就一句话：适当设置CSS属性，让下拉菜单中的滚动条变得实用，又不影响美观。

html 菜单点开有个下拉菜单怎么实现

您发布的代码是一个非常简单的下拉菜单，使用纯 HTML 和 CSS 制作。
让我帮你解决一下：

< lang> <头> <title>下拉列表</title> <样式类型=“文本/CSS”> .位{ 宽度：5 0px； 高度：2 8 像素； 边框：1 px实心ddd； 背景颜色：eee； 字体：1 2 px“宋体”； } .ct { 显示：无； } .dt { 高度：3 0px； 顶部边距：0px； 边框：1 px实心ddd； 背景颜色：白色； 内边距：自动 1 0 像素； } .dt1 { 高度：3 0px； 顶部边距：1 px； 边框：1 px实心ddd； 背景颜色：白色； 内边距：自动 1 0 像素； } .dt：悬停，.dt1 ：悬停{ 背景颜色：ddd； } .bt:悬停{ 背景颜色：绿色； } .at:悬停 .ct { 显示：内联块； } </模式> </头> <身体>
<戴夫> <button class="bt" type="button">按钮</button>
下拉列表
下拉列表
下拉列表
下拉列表
</正文> </>
这段代码的逻辑是： 1 .有一个绿色按钮，鼠标放在上面就会变成绿色。
2 .按钮下方有四个“下拉”文本，默认隐藏（使用width:none;） 3 、当鼠标放在按钮上时，会显示下拉菜单（通过 :hover .ct { Display: inline-block; }）
缺点是现在鼠标离开按钮后下拉菜单会消失，这与传统下拉菜单的逻辑不符合。
如果你想让它看起来像一个普通的网站，你应该使用 JavaScript 来控制它：
<脚本> document.querySelector('.bt').addEventListener('click', function() { document.querySelector('.ct').style.display = document.querySelector('.ct').style.display === '块'? '无' : '阻止'; }); </脚本>
或者使用像 Bootstrap 这样的框架会更容易。
您确定要使用这个纯代码应用程序吗？