当前位置: 首页 > 面试题库 >

从链接中删除顽固的下划线

云曦之
2023-03-14
问题内容

我试图将链接显示为白色,但不带下划线。文本颜色正确显示为白色,但蓝色下划线顽固地保持不变。我试图text-decoration: none;text-decoration: none !important;在CSS删除链接的下划线。两者都不起作用。

.boxhead .otherPage {

  color: #FFFFFF;

  text-decoration: none;

}


<div class="boxhead">

  <h2>

    <span class="thisPage">Current Page</span>

    <a href="myLink"><span class="otherPage">Different Page</span></a>

  </h2>

</div>

如何从链接中删除蓝色下划线?


问题答案:

如我所料,您不是要应用text-decoration: none;到锚点(.boxhead a),而是要应用到span元素.boxhead)。

尝试这个:

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}


 类似资料:
  • 问题内容: 在页面中,我放置了一些不需要的行,因此,如何使用HTML删除这些链接? 问题答案: 内联版本: 但是请记住,通常应该将网站的内容HTML分开。因此,通常应避免使用内联样式。 请参阅John的答案,以了解使用CSS的等效答案。

  • 问题内容: 无论如何(在CSS中)是否要避免在页面..中引入文本和链接的下划线? 问题答案: 使用CSS。这会删除和元素的下划线: 有时您需要覆盖元素的其他样式,在这种情况下,可以在规则上使用修饰符:

  • 我正在努力寻找一个解决方案,从Outlook(Outlook for Office 365)发送到Gmail(桌面版)的电子邮件链接中删除蓝色下划线 生成的html在Google Chrome上运行得很好,但在Gmail上却不行 这是我测试的整个代码:它是用mjml框架生成的: 我尝试了这篇文章的全部建议:如何在从outlook发送电子邮件模板时删除Gmail中的超链接下划线,但没有成功

  • 我要删除下划线。 这是我的代码:

  • 我有自定义背景可绘制的EditText: EditText代码: 我正在使用android数据绑定库和MVVM架构。 当允许编辑并且用户开始在EditText中键入文本时,在键入的单词下会出现额外的下划线(它只属于当前键入的单词,EditText文本的所有其他部分都没有下划线): 我试图通过向EditText添加滤色器来删除下划线: 但不管用。 “java.lang.Integer不能强制转换为A

  • 在我的data.frame中,我有一个类型的列,其中的所有值如下所示:(三位数字,一个下划线,三位数字)。 我需要将这些值转换为,并且给我一个。因此,我需要首先删除下划线,以便将。