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 Oliveros

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 10 años /

      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 10 años /

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

      Responder a rolf →
    3. Soldier / Hace 8 años /

      Gracias, me fue de mucha ayuda. Excelente blog.

      Saludos

      Responder a Soldier →
    4. EMISC / Hace 7 años /

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

      Responder a EMISC →
    5. Pablo / Hace 7 años /

      mas facil

      outline:0;

      Responder a Pablo →
    6. Anuncios de mascotas / Hace 7 años /

      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 6 años /

      no sirve en el ie7

      Responder a christian →
    8. mith / Hace 6 años /

      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 6 años /

      alguien sería tqan amable de decirme para IE7

      Responder a jose carlos →
    10. fernando acevedo / Hace 5 años /

      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 5 años /

      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 5 años /

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

      Responder a claudia →
    13. DR / Hace 5 años /

      Excelente!!! Mil Gracias por ese tips!!!
      Saludos DR.

      Responder a DR →
    14. zaira / Hace 5 años /

      Hey muchas gracias!!, resolvi mi problema en 30 segundos 🙂

      Responder a zaira →
    15. guStAVO / Hace 3 años /

      muchisimas gracias bro me sirvio de mucho !!!! 🙂 saludos

      Responder a guStAVO →
    16. migue / Hace 3 años /

      anduvo perfecto 🙂

      Responder a migue →
    17. Jhon B / Hace 2 años /

      Ocho años después me ha salvado la vida 🙂

      Responder a Jhon B →
    18. elena / Hace 1 año /

      Muchisimas gracias!!!

      Responder a elena →
    19. Seba / Hace 7 meses /

      a:focus {
      border:none;
      outline:0px;
      }

      Resulta más util asi sin tener que cambiar nada de tamaño.

      Responder a Seba →
    20. JOSE RODRIGUEZ / Hace 3 semanas /

      excelente amigo llevaba horas buscando gracias

      Responder a JOSE RODRIGUEZ →

    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. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad