English Português

Automaticamente todos los links de imagen y texto cuando se da click sobre ellos aparece un marco punteado que los rodea y que puede ser poco estético en algunas ocaciones, pero que podemos ocultar.

La responsable del recuadro es la seudaclase “a:focus”, que podemos editarla de la siguiente forma:

/*Disminuimos su ancho y altura a 0px
,nos aseguramos con un "outline"(linea exterior)
 que desaparezca en otros navegadores*/

a:focus {
width:0px;height:0px;outline:0px;
}

Con esto tanto links de texto como de imágenes no aparecerán con ese marco punteado al dar click sobre ellos. También tienes la posibilidad de darle otros atributos con cierto color de texto u otro tipo de borde.

Escrito por Francisco

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

Comentarios

  1. gustavo / Hace 1680 días /

    Encontre filete tu ayuda visual….lo busque por si acaso y salio al toque. Bakan , la terrible paletia.
    Te pasaste, gracias

    Saludos

    Responder a gustavo →
  2. rolf / Hace 1675 días /

    solo funciona en mozilla en ie7 no, tienes una solucion para ello?

    Responder a rolf →
  3. Soldier / Hace 914 días /

    Gracias, me fue de mucha ayuda. Excelente blog.

    Saludos

    Responder a Soldier →
  4. EMISC / Hace 855 días /

    Hey, muchas gracias, me ha sido de gran utilidad para los botones de menu con css.

    Responder a EMISC →
  5. Pablo / Hace 766 días /

    mas facil

    outline:0;

    Responder a Pablo →
  6. Anuncios de mascotas / Hace 597 días /

    Muchas gracias, es justo lo que estaba buscando. Me sucedía con el logo, cuando alguien lo clickeaba quedaba con el borde punteado :(

    Responder a Anuncios de mascotas →
  7. christian / Hace 478 días /

    no sirve en el ie7

    Responder a christian →
  8. mith / Hace 243 días /

    Estuve buscando media hora en Google y todos decían simplemente lo del outline, pero no del focus.

    Muchas gracias, todo perfecto ;)

    Responder a mith →
  9. jose carlos / Hace 186 días /

    alguien sería tqan amable de decirme para IE7

    Responder a jose carlos →
  10. fernando acevedo / Hace 154 días /

    Maneja una actualización si el usuario no ha actualizado su explorer que lo haga, mediante javascript, a una version 8 para xp o 9 para vista y 7, en web no se puede a veces tener todo pero minimo para los exploradores mas resientes, usa un framework jquery o mootools yo lo hago con mootools, solo creas una condición y listo ya sabes si esta o no actualizado, saludos!!!!!

    Responder a fernando acevedo →
  11. Mia / Hace 101 días /

    Hola Francisco, muy bueno tu blog!
    con tu aporte he podido eliminar los bordes para algunos browser, pero para otros ahun no lo puedo hacer, me faltaria eliminar los bordes para IE9 y Safari, me podrias indicar como hacerlo?

    Gracias.

    Responder a Mia →
  12. claudia / Hace 76 días /

    mil graciasssssssssssssssssssssss!!!!!!!!!!!!!1

    Responder a claudia →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad