<select>向下箭头只能使用一次</select>

Question

我为我设计的网站制作了一个<select>下拉框，除了一个问题外，它的效果很好。当我选择下拉“箭头”并选择一个选项（任何选项）时，它会过滤页面右侧的结果。大！！但当我尝试再次选择“箭头”没有任何反应时，除非我点击名称栏/选项显示名称，否则下拉列表将不会显示？ （我不确定你叫什么）。

如果你明白我的意思，那就更好了。我已经发布了一个链接到我在下面询问的网站页面。只需从任何三个下拉菜单中选择一个选项，一旦过滤器尝试再次点击向下箭头。

希望这是你可以提供帮助的东西，它很小但是它确实让用户体验有时令人沮丧。

www.lunkerhunt.com/ourproducts.html

Answer 1

你有一个类给出左侧的ul-a左右-40px的余量，以便考虑到因为某些我无法找到的原因而出现的40px填充。选择项目时，填充消失，因此正确的内容与下拉列表的箭头部分重叠。如果您将该类更改为：

.edukitList {
    margin: 0 auto 0 0;
    padding: 0;
}

它应该工作。如果您有问题，请告诉我