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

Question

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

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

---

首先，我没有意识到我可以分享 fiddle ^^ 漂亮的史诗网站。

我一直在调试，但我想我会把它贴在这里，看看是否有人能找出问题所在:)

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;   
}