css - 表单的下拉菜单背景

Question

我在这里显示了一个下拉菜单http://jsfiddle.net/aRzUM/3/

问题是 supp 菜单寄存器的背景是灰色的，无法正常工作。你能告诉我我在这里做错了什么吗？

提前致谢。

Answer 1

您需要重置li子菜单的高度。它继承了以下一组规则。

#header .auth-row ul li {
    display: block;
    float: left;
    height: 39px;
    list-style: none outside none;
}

添加此规则以重置高度：

#header .auth-row ul li li {
  height:auto;
}

Answer 2

从 中删除背景、边框和阴影规则ul并将其应用于form自身。

#btn-login form {
    background: #ddd url(img/gradient.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    box-shadow: 0 1px 3px rgba(0,0,0, .3);   
}

演示

​</p>