css 下拉菜单中的嵌套子项与主项重叠

wfypjpf4 于 2023-02-26 发布在其他

关注(0)|答案(1)|浏览(113)

我试图解决Woocommerce中结帐页面的问题。
当用户尝试选择包裹机器时，下拉菜单按区域排列选项，并在每个选项下显示相应的选项。
但子项目与主要区域选项重叠：IMAGE: overlapping nested elements
这个问题可以在这里看到：https://kvest.ee/en/checkout/事先将物品添加到购物车时。
我试过设置相对位置和inline-block到不同的元素，但似乎没有什么工作。

css

来源：https://stackoverflow.com/questions/75550637/nested-sub-items-in-a-dropdown-overlapping-with-main-items

1条答案

按热度按时间

dbf7pr2w1#

删除（或增加）css中所选类的高度。
此代码，删除高度.

.select2-container .select2-dropdown .select2-results .select2-results__option {
  margin: 0;
  height: 40px; ***<-remove or increase this.***
  line-height: 40px;
  padding: 0 15px;
}

去掉高度后，我看起来就是这个样子。

赞(0）回复(0）举报 2023-02-26

我来回答

css 下拉菜单中的嵌套子项与主项重叠

1条答案

相关问题

热门标签

最新问答