Pourquoi mes liens visités stylisés ne fonctionnent-ils pas dans certains navigateurs ?-tutoriel CSS-php.cn

Pourquoi mes liens visités stylisés ne fonctionnent-ils pas dans certains navigateurs ?

Linda Hamilton

Libérer： 2024-12-02 05:34:09

original

593 Les gens l'ont consulté

Why Are My Styled Visited Links Not Working in Some Browsers?

Pourquoi ce style CSS pour les liens : visités ne fonctionne-t-il pas dans des navigateurs spécifiques ?

Le code HTML et CSS suivant semble présenter un problème de style des liens visités dans Internet Explorer et Chrome :

<html>
    <head>
        <style>
            A {font-weight: bold; color:black;}
            A:visited {font-weight: normal; color: black; }
            .Empty {font-weight: bold; color: black; }
        </style>
    </head>

    <body>
        <a href="http://mysite">click me</a>
    </body>
</html>

Copier après la connexion

Malgré l'application de la pseudoclasse :visited, le lien cliqué reste gras au lieu de revenir à un poids normal. Ce comportement se produit également avec Firefox 4, IE9 et Chrome.

Considérations de sécurité et solutions de contournement

La fonctionnalité de la pseudoclasse :visited a été restreinte dans les navigateurs modernes pour empêcher exploits CSS potentiels. Ces navigateurs mettent en œuvre des mesures spécifiques pour se protéger contre de telles vulnérabilités :

getComputedStyle() renvoie les valeurs des liens visités comme s'ils n'étaient pas visités.
Les sélecteurs frères et sœurs (par exemple, :visited span) provoquent éléments adjacents doivent être stylisés comme non visités.
Les éléments de lien imbriqués peuvent s'afficher comme non visités dans certains scénarios.

Malheureusement, il n'existe aucune solution de contournement pour cette mesure de sécurité dans les navigateurs qui ont implémenté ces restrictions. Modifier les paramètres d'accessibilité pour ignorer les couleurs Web, comme mentionné dans la question d'origine, ne résoudrait pas le problème.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!