html - inspeccionar - El menú desplegable de Firefox hace clic

inspeccionar elemento firefox

Question

Tengo un menú desplegable para idiomas en mi sitio web y funciona bien en Google Chrome, Safari e Internet Explorer, pero está oculto en Firefox.

Este es el código:

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

También tiene un comportamiento raro. Si me muevo a través de la selección con mi teclado y presiono Enter, funciona, pero al hacer clic con el mouse no está funcionando.

Estoy usando Firefox 38.0.5.

Cualquier ayuda sería apreciada.

Answer 1

¿Por qué su código está rodeado por una etiqueta a ( <a href=""></a> )? Si hace clic en el contenido (por ejemplo, su menú desplegable) href = "" vuelva a cargar la página. Elimine a o cambie href="" a href="#" .

Answer 2

Para mí, cambiar href = "" a href = "#" no fue suficiente. El atributo href debe eliminarse por completo y solo <a> será suficiente para:

1. hacer que el DDL funcione correctamente en FF 38.0.5
2. retener clases CSS vinculadas a "a" en la hoja de estilo