Firefox 下拉菜单点击

Question

我的网站有一个语言下拉菜单，它在 Google Chrome、Safari 和 Internet Explorer 中工作正常，但在 Firefox 中有问题。

这是代码：

<a href="">
    <select id="languageSelector" style="background-color: transparent" onchange="location = this.options[this.selectedIndex].value;">
        <option value=".">ESPAÑOL</option>
        <option value="./en/index.html">ENGLISH</option>
        <option value="./de/index.html">DEUTSCH</option>
        <option value="./fr/index.html">FRANÇAIS</option>
        <option value="./nl/index.html">NEDERLANDS</option>
    </select>
</a>

它还有一个罕见的行为。如果我用键盘移动 select 并按 Enter，它可以工作，但用鼠标单击不起作用。

我使用的是 Firefox 38.0.5。

如有任何帮助，我们将不胜感激。

Answer 1

为什么您的代码被 a-Tag (<a href=""></a>) 包围？如果您单击内容（例如您的下拉菜单），则 href="" 会重新加载页面。删除 a 或将 href="" 更改为 href="#".

Answer 2

对我来说，将 href="" 更改为 href="#" 是不够的。 href 属性必须完全消除，只是 <一> 将足以：

使 DDL 在 FF 38.0.5 中正常工作
保留CSS类链接到样式表

Firefox 下拉菜单点击

Firefox dropdown menu click

html

firefox

select

drop-down-menu