如何调整<；的高度；选择>；CSS或Javascript中的元素？

我有一个下拉菜单，在一个盒子里。我想让下拉菜单填满整个框。宽度填满了整个框，但我似乎找不到改变下拉菜单高度的方法

我试过使用高度和填充物，但我在任何地方都找不到答案

---
艺术类
生意
工程类
健康
人文学科
自然科学
社会科学

您可以在css中设置选择框的高度：

select.dropdown\u列表{
高度：30px；
}

---
艺术类
生意
工程类
健康
人文学科
自然科学
社会科学

您可以在css中设置选择框的高度：

select.dropdown\u列表{
高度：30px；
}

---
艺术类
生意
工程类
健康
人文学科
自然科学
社会科学

也许这正是您所需要的：

#主下拉菜单{
高度：200px；
背景：灰色；
}
#主菜单下拉列表{
身高：100%；
}

---
艺术类
生意
工程类
健康
人文学科
自然科学
社会科学

也许这正是您所需要的：

#主下拉菜单{
高度：200px；
背景：灰色；
}
#主菜单下拉列表{
身高：100%；
}

---
艺术类
生意
工程类
健康
人文学科
自然科学
社会科学

此css将发挥作用，根据您的需求进行调整

select {
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem 1.75rem .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   vertical-align: middle;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

---

这个css将完成这个技巧，根据您的需求进行调整

select {
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem 1.75rem .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   vertical-align: middle;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

---

你能添加相应的CSS吗。如果没有它，您的包含框将自动调整为内容的高度。您也可以添加css吗？您可以添加相应的css吗。如果没有它，您的包含框将自动调整为内容的高度。您也可以添加css吗？