<Select> 向下箭头只能使用一次答案

【问题标题】：<Select> Down Arrow only works once<Select> 向下箭头只能使用一次
【发布时间】：2012-03-10 01:45:31
【问题描述】：

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

如果你明白我的意思会更好。我在下面发布了一个指向我正在查询的网站页面的链接。只需从任意三个下拉菜单中选择一个选项，过滤后再次尝试点击向下箭头。

希望这是您能帮上忙的事情，虽然很小，但有时确实会让用户体验有些沮丧。

【问题讨论】：

对我来说似乎工作正常。请说明您正在测试的浏览器（和版本），并给我们一个确切的步骤顺序（“从顶部列表中选择 X，然后从第三个列表中选择 y，然后再次尝试在顶部列表中选择 z”）重现问题。
我没有看到示例链接。
skaffman 出于某种原因删除了该链接。这是：www.lunkerhunt.com/ourproducts.html

标签： html select

【解决方案1】：

您有一个类，它为右侧的 ul 在左侧提供 -40px 边距，以说明由于某种原因我找不到的 40px 填充。选择一个项目时，填充物消失了，因此正确的内容与下拉列表的箭头部分重叠。如果您将该类更改为：

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

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

【讨论】：