css：放入此字段集时，属性发生了惊人的变化

Question

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

UPDATE Javascript, CSS & HTML included in fiddle [PHP removed]

---

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

我会继续调试，但我想我会在这里发布，看看是否有人能发现问题所在：）

Answer 1

在您的fieldset css中，您正在更改行高，该行高也应用于下拉列表。

您必须在下拉菜单的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;   
}