Eliminar borde punteado/contorno del menú desplegable centrado

Question

¿Cómo se elimina el borde punteado/contorno que se muestra al seleccionar un elemento de un menú desplegable?

Usted puede ver que hay una frontera/contorno de puntos muestra, quiero eliminar esta (captura de pantalla tomada en Firefox).

Tratar la solución a continuación no quitó que:

select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner { 
    outline: none; 
    border: none; 
} 

El HTML es simplemente esto:

<select name="order"> 
    <option value="desc">Newest to oldest</option> 
    <option value="asc">Oldest to newest</option> 
</select> 

Answer 1

en Windows 7 y IE9 ninguna frontera/contorno se muestra, en lugar de un fondo azul se muestra. El fondo azul y en su caso el borde/contorno es administrado por el sistema operativo. Sospecho que estás en una Mac?

Remove outline from select box in FF

How to remove Firefox's dotted outline on BUTTONS as well as links?

Answer 2

Añadir lo siguiente a la hoja de estilo. -

select:-moz-focusring { color: transparent; 
         text-shadow: 0 0 0 #000; } 

siempre ha trabajado para mí, espero que ayude!