【问题标题】:How to disable automatic links coloring without selecting a color?如何在不选择颜色的情况下禁用自动链接着色?
【发布时间】:2021-01-29 01:13:31
【问题描述】:

这真的很令人困惑,我不希望浏览器更改链接的颜色,因此链接颜色将保持与 <font> 中指定的相同。我知道我可以使用属性 A:link 指定颜色,但这不是我想要的。

谢谢

【问题讨论】:

    标签: css


    【解决方案1】:

    如果您不想要任何颜色,只需执行以下操作:

    a, a:hover, a:visited, a:active {
      color: inherit;
      text-decoration: none;
     }
    

    【讨论】:

    • 除了visitedhoveractive之外,我还建议按照这个SO答案设置a:link对同一问题stackoverflow.com/a/6850047/1703772
    • 如果我在这个舞厅里不需要仇恨和喧哗怎么办?
    【解决方案2】:

    如果有人关心这就是我用链接制作的按钮所做的。可能必须注意继承,但在我的情况下它工作得很好。祝你好运!

    HTML:

    <a class="button blue" href="/">Place Your Order Today</a>
    

    CSS:

    a.button:visited
    {
     color:inherit;
    }
    .button
    {
     padding: 6px 8px;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
     margin-right: 10px;
     border-radius: 6px;
    }
    .blue
    {
     border: 1px solid #2d748c;
     background-color: #40b5dc;
    }
    

    【讨论】:

      【解决方案3】:

      a:visited 指定相同的颜色,也可以为a:hovera:active 指定相同的颜色,或者像这样简单地将颜色内联:

      <a href="url" style="color:#69c">link text</a>
      

      &lt;font&gt; 无论如何都已弃用。

      【讨论】:

      • 在文件中a:hover 必须在a:active 之前必须在a:visited 之前。
      • 我知道这种慢方法,文件太忙了,谢谢;)
      • 好吧,那么只需将font拉到a中即可。
      • 如果使用外部css文件并设置标签的类,文件不会太忙。这正是它的设计目的,从长远来看,如果您需要更改链接的颜色或您使用 CSS 的任何其他元素的颜色,它将为您提供帮助。此外,不推荐使用的字体标签可能会在将来的某个时候消失。查看教程 (w3schools.com/CSS/css_howto.asp)
      【解决方案4】:

      我很确定没有办法按照您的描述进行操作。但是,如果您希望链接颜色与正文颜色匹配,我建议您这样做...

      正文颜色来自某个地方。可能是 CSS 定义。检查 Firebug 中的一些文本以查看应用颜色的确切定义位置。例如,它可能会指向这样的规则:

      body { color:#666; }
      

      只需在此处添加您的 A 标签,就可以了。我知道这是多余的,但我真的不认为 CSS 有办法说“从级联中比通常更高的级别继承。”

      body, a { color:#666; }
      

      【讨论】:

        猜你喜欢
        • 2018-08-16
        • 2012-07-05
        • 2011-11-18
        • 1970-01-01
        • 2019-05-29
        • 2012-10-17
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多