¿Alguien sabe cómo desactivar o manipular el (en la mayoría de los navegadores) borde punteado de un dom-elemento si tiene el foco en un orden tabindex?

Quiero construir mi propio estilo para un elemento seleccionado, pero sería ideal utilizar la función existente, porque con tabindex es posible enlazar evento keydown a la dom-elemento.

InformationsquelleAutor helle | 2010-06-10

8 Comentarios

  1. 153

    Acaba de hacer una regla CSS para los elementos que desea que han outline:none;

    • Que es bastante bueno, si hace clic con el ratón sobre el elemento que la frontera no aparecen más, pero si usted navegar a través del teclado? ¿Cómo se puede resaltar el elemento?
    • si sólo desea ocultarlo por los clics que usted tendrá que usar javascript y llame a .blur() en el elemento una vez que haga clic en él..
  2. 31

    CSS truco:

    :focus { outline: none; }
    • Es importante considerar los problemas de usabilidad, tan pronto como usted se desactivación de una función de accesibilidad nativa en el navegador. Que me sugieren para crear su propio esquema de foco, como el color de fondo amarillo.
  3. 3

    Con Firefox 53.0, si puedo desactivar el contorno con una de las propuestas de solución, Firefox muestra el defecto.

    Sin embargo, si puedo usar un espacio en blanco de color, no detecta que el esquema está oculto:

    input:focus{
       outline: 1px solid rgba(255,255,255,1);
    }
  4. 1
    a {
    outline: 0;
    }
    
    a: hover,
    a: active,
    a: focus {
         outline: none;
    }
    
    input::-moz-focus-inner {
    border: 0;
    }
  5. -1
    $(function() {
         $('a').click(function() { $(this).blur(); });
         $('input').click(function() { $(this).blur(); });
    });

    No usar CSS deshabilitar enfoque: http://outlinenone.com/ Este uso de otros usuarios.

    • ¿por qué no utilizar css? Veo el punto en el enlace, pero su propuesta de solución totalmente freak out de la interfaz gráfica de usuario y usted no será capaz de acceder a los campos.
  6. -7

    Usando jQuery puede hacer

    $("#nav li a").focus(function(){
      $(this).blur();
    });
    • con el desenfoque voy a perder el foco, ¿no? así que no se puede vincular el evento keydown así como de la rueda …
    • A la derecha, no obtener toda la cuestión 😉

Dejar respuesta

Please enter your comment!
Please enter your name here