【问题标题】:Removing dotted underline from linked img从链接的img中删除虚线下划线
【发布时间】:2014-02-10 12:51:08
【问题描述】:

我正在修补一个 wordpress 网站,并通过他们的虚拟编辑器输入了一些我自己的原始 html。结果是我想要的,但每张图片下方似乎都有一条蓝色虚线下划线。我怎样才能删除这个?我尝试了 text-decoration 中的所有内容:无;概述:0

这里是网站http://s513195336.onlinehome.us/的工作链接

【问题讨论】:

    标签: html css hyperlink


    【解决方案1】:

    在 style.css 中添加这个 css

    .logoLinks a
    {
     border: none;
    }
    

    这个 css 覆盖你的旧 css

    style.css 第 42 行

    a {
      border-bottom: 1px dotted #3156A3;
    }
    

    【讨论】:

    • 你们各有各的道理。这对我来说是最好的解决方案。谢谢。只要允许,我就会接受。
    【解决方案2】:

    你试过了吗:

    a img { border:0; }
    

    .logoLinks a img { border:0; }
    

    ?

    我看到您在所有 a 中都声明了border-bottom。所以尝试覆盖它。

    【讨论】:

      【解决方案3】:

      下划线来自

      style.css:42
      a {
        border-bottom: 1px dotted #3156A3;
      }
      

      只需将其删除或添加样式以覆盖它。

      【讨论】: