发表新帖
发表新帖

Set visited link color to whatever the color of un-visited link is (P.S. not the usual question)

前端 未结
关注
10 1766
执念已碎
执念已碎 2021-02-03 16:59

I need to set the a:visited CSS to whatever color the normal a is set to.

What I want to be able to tell the browser is, for the visited links, use the same

相关标签:
10条回答
  • 耶瑟儿～
    2021-02-03 17:52

    I don't think there's a pure CSS solution. Usually you would pick a color, and set both a:link and a:visited that same color.

    I tried {color: inherit} but that was useless.

    This jQuery solution works great though.

    <!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
            type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                var normalColor = $('a:link').css('color');
                $('a:visited').css('color', normalColor);
            });
        </script>
    </head>
    <body>
        <a href="http://www.google.com">Google</a>
        <a href="nowhereyouvebeen">No where you've been</a>
    </body>
</html>
    0 讨论(0)
  • 天涯浪人
    2021-02-03 17:57 
    a.one:link {
    color:#996600;
    background-color:transparent; 
    text-decoration:underline;  
}

a.one:hover { 
    color: red;
    background-color: transparent;
    text-decoration: underline; 
}

a.one:visited {
    color: #996600;
    background-color: transparent;
    text-decoration: underline
}

a.one:hover { 
    color: red;
    background-color: transparent;
    text-decoration: underline; 
}
    0 讨论(0)
  • 旧时难觅i
    2021-02-03 17:58

    I don't think there is a pure CSS way of achieving this. I think you would need to use JavaScript to get the color of the a and then set a:visited to that color and this probably wouldn't work in all browsers unless there was an a{color:#dea} specified.

    0 讨论(0)
  • 面向向阳花
    2021-02-03 17:59

    Danny Robers script works for me in Firefox and Chrome (not sure about IE).

    FWIW, the special value HyperlinkText would have been the "standard" way to do what you want, but it was dropped from CSS3 sometime in spring 2003.

    It looks like Firefox is the only browser that started implementing it, because the following works for Firefox:

    a:visited { color: -moz-hyperlinktext; }

    0 讨论(0)
 看不清?
提交回复
热议问题