Para cualquier página web visitada (a:visited), me gustaría mostrar esos enlaces en mi sitio web con una pequeña marca de verificación a la izquierda del enlace.CSS: ¿Cómo poner un icono de marca de verificación/carácter acsii junto a todos los enlaces visitados?
Así, por ejemplo:
"se trata de un enlace no visitado"
√ "Este es un enlace visitado"
Pregunta: ¿Cómo lograr la marca de verificación usando CSS?
Puede utilizar :before pseudo selector, pero no es compatible.
Para obtener una mejor compatibilidad, conviértala en una imagen y configúrela como background-image. Luego use padding para mostrar la imagen.
:: before y :: after Los pseudoelementos están bien soportados en los navegadores modernos, pero no son compatibles en IE 6 y anteriores. A veces eso no importa. – Anonymous
Yeh. Estoy bastante seguro de que no es compatible con IE7 también http://www.quirksmode.org/css/beforeafter.html – alex
Si IE 8 viene de WU a XP, casi todos los que obtuvieron IE 7 les dieron IE 8. (De Por supuesto, institucional es el comodín.) – Anonymous
Puede usar una combinación de fondo y relleno para obtener este efecto.
a:visited {
background: transparent url("path/to/checkmark.png") left center no-repeat;
padding-left: 10px;
}
Ajuste el relleno y la posición de fondo para que se ajuste a sus necesidades. Espero que esto ayude.
a:visited:before {
content: "\00A0\221A";
}
Utilice: antes de pseudo-selector para navegadores modernos, Javascript para navegadores cutres y fondo-imágenes para la gente que no debería importar. –