Pregunta
¿Cómo eliminar el foco de un elemento mediante CSS?
Responder esta pregunta por dudin el 2009-04-03
El caso es que estoy usando sprites CSS en unas cuantas imágenes que tienen enlaces, por ejemplo:
Pero en el navegador Mozilla Firefox al clickear sobre ellas el foco se extiende hacia el extremo izquierdo de la pantalla, ocupando un área mucho mayor al del elemento, cosa que no se ve muy bien. Todo parece indicar que lo causa la propiedad text-indent que es usada para correr el texto.
#logo {
position:absolute;
left: 10px;
top: 22px;
text-decoration: none;
background-position: 0 0 ;
height: 28px;
width: 237px;
text-indent: -1000px;
display: block;
}
Pero en el navegador Mozilla Firefox al clickear sobre ellas el foco se extiende hacia el extremo izquierdo de la pantalla, ocupando un área mucho mayor al del elemento, cosa que no se ve muy bien. Todo parece indicar que lo causa la propiedad text-indent que es usada para correr el texto.
<a id="logo" accesskey="1" href="/" title="Mi Logo">Mi Logo</a>
Respuestas
Para ocultar los bordes de los enlaces activos:
Aunque posee el inconvenite de que el quitar esos bordes va en contra de la accesibilidad.
Fuentes:
- http://csscreator.com/node/34229
- http://www.davidbarredo.com/blog/consejos-css-en-una-linea/
a#logo:focus {
outline: none;
}
Aunque posee el inconvenite de que el quitar esos bordes va en contra de la accesibilidad.
Fuentes:
- http://csscreator.com/node/34229
- http://www.davidbarredo.com/blog/consejos-css-en-una-linea/
por Anónimo el 2009-04-03



