css：放入此字段集中时，属性会发生令人震惊的变化

Question

我的自定义下拉菜单的顶部和底部填充有很大的变化。

更新 Javascript、CSS 和小提琴中包含 HTML [PHP 已删除]

---

首先，我没有意识到我可以分享小提琴 ^^ 相当史诗般的网站。

我继续调试，但我想我会把它发布在这里，看看是否有人能发现问题出在哪里:)

Answer 1

在您的字段集 CS​​S 中，您正在更改行高，这也适用于下拉列表。

您必须在下拉列表的CSS中设置行高：

.dropdown,
.dropdown li /* or whatever other selector is also needed */
{
    line-height: 1em;
}

编辑：

这似乎非常合适：

.dropdown,
.dropdown li,
.dropdown span,
.dropdown a {
    padding: 0;
    line-height: 3em;   
}