ejemplos - ¿Cómo elimino un esquema activo del acordeón jQuery?

nested accordion jquery

Question

Estoy usando Jquery Accordion. El enlace activo tiene un esquema. He intentado usar css:

#accordion a:focus
 { outline: none; }
#accordion a:active 
{outline: none; font-weight:bold;}

y también

#accordion a:-moz-any-link:focus 
{ outline: none; }

Ninguno de estos parece funcionar. ¿Alguien puede recomendar una configuración u otra opción para eliminar el contorno de puntos alrededor de los enlaces activos?

Answer 1

Agregue esto a su hoja de estilo CSS y se encargará del esquema de desenfoque / enfoque:

#accordion .ui-state-focus{
    outline: none;
}

Answer 2

Asegúrese de presionar F5 de vez en cuando ... y asegúrese de que no esté editando otros archivos de lo que cree.

Answer 3

CLASIFICADO:

enmendar el css a - ui-state-focus

Answer 4

Cuando necesito anular los estilos aplicados por los elementos de la interfaz de usuario de jQuery, generalmente agrego una hoja de estilo que cargo después de la hoja de estilo de la interfaz de usuario de jQuery y la coloco, usando los mismos selectores para saber que mis estilos tendrán prioridad. En este caso, busque los estilos asociados con el acordeón o el estado del widget y anúltelos.

Answer 5

Debe averiguar la clase de elemento de pestaña que está aplicando el widget. Por ejemplo,

.ui-state-focus { outline: none; }

funciona en la versión más reciente de jQuery UI, pero en una versión anterior como la 1.6, necesitarías usar esto:

.ui-accordion-header {outline: none;}

Answer 6

Si está utilizando el Acordeón de jQueryUI, http://jqueryui.com/demos/accordion/ , no debería tener problemas con estos tipos de esquemas. Si es así, podría hacer lo siguiente:

$(".ui-accordion-header a").click(function(){
  $(this).blur();
});

De hecho, este método funcionará con casi cualquier complemento de acordeón; solo asegúrese de modificar el selector para apuntar a los enlaces responsables de expandir / contraer los paneles de datos.

Answer 7

Solo he visto que esto suceda con las etiquetas de encabezado hasta ahora. Para eliminarlo, añade el código.

h1, h2, h3, h4{outline:none;}