Como quitar el borde azul del navegador usando Spry de DW CS4

[m4tik]

Hola a todos , tengo un problema con le Spry de acordeón de Dreamweaver, el caso es que cuando lo veo en el navegador y pulso sobre el primer menu me aparece un cuadro azul claro como Focused y no se como quitarlo para que aparezca, he intentado todo en el CSS pero nada. En Safari me aparece en azul y en Firefox aparece con un borde gris, y no es por el css.

Alguien sabe como solucionarlo o le ha pasado alguna vez?


Gracias


m4tik

[hector2c]

hola, pues, hay 2 modos de arreglar el problema, segun entiendo, deseas evitar que el acordeon se prenda en forma azul al enfocarlo, para evitar eso tienes 2 soluciones:

SOLUCION 1 : modificar SpryAccordion.js

Abre el Spry.Accordion.js y busca la siguiente linea

Código PHP:

  this.focusedClass = "AccordionFocused"; 
   

y ponla como comentario con doble //

Código PHP:

  //this.focusedClass = "AccordionFocused"; 
   

esa linea añade la clase css al acordeon, comentandola, evitaras que de ese tono azulado.


SOLUCION 2 : modificar SpryAccordion.css

En esta solución abre el SpryAccordion.css y modifica estos valores:

Código HTML:

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

En mi caso le puse un color verde al primero y rojo al segundo, para poder ubicarme...

Código HTML:

.AccordionFocused .AccordionPanelTab {
	background-color: #0F0;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #F00;
}

Comentarios:

Te recomendaria usar la solucion 1, ya que no alteras la idea base de Spry... suerte...