Question

完全莫名其妙！我尝试过几种不同的方式重写text-decoration: none行。我还设法通过定位来重新调整文字大小，但text-decoration: none代码不会。

非常感谢。

代码

.widget    
{
     height: 320px;
     width: 220px;
     background-color: #e6e6e6;
     position: relative;                              
     overflow: hidden;                          
}


.title    
{
     font-family: Georgia, Times New Roman, serif;
     font-size: 12px;
     color: #E6E6E6;
     text-align: center;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color: #4D4D4D;    
     position: absolute;
     top: 0;
     padding: 5px;
     width: 100%;
     margin-bottom: 1px;
     height: 28px;
     text-decoration: none;
}

a .title    
{
     text-decoration: none;
}

<a href="#">
    <div class="widget">  
        <div class="title">Underlined. Why?</div>  
    </div>
</a>

Answer 1

在内联元素（a）中有一个块元素（div）。这适用于HTML 5，但不适用于HTML 4.因此也只适用于实际支持HTML 5的浏览器。

当浏览器遇到无效标记时，他们会尝试修复它，但不同的浏览器会以不同的方式执行此操作，因此结果会有所不同。有些浏览器会将块元素移到内联元素之外，有些会忽略它。

Answer 2

a:link{
  text-decoration: none!important;
}

=＆GT;和我一起工作:)，祝你好运

Answer 3

使用CSS Pseudo-classes并为您的代码添加一个类，例如：

<a class="noDecoration" href="#">

并将其添加到样式表中：

.noDecoration, a:link, a:visited {
    text-decoration: none;
}

Answer 4

在标题标记上添加此语句：

<style>
a:link{
  text-decoration: none!important;
  cursor: pointer;
}
</style>

Answer 5

尝试将text-decoration: none;放在a：hover css。

上

Answer 6

我有一个答案：

<a href="#">
    <div class="widget">  
        <div class="title" style="text-decoration: none;">Underlined. Why?</div>  
    </div>
</a>

有效。

Answer 7

即使我删除'text-decoration：none;'也没有下划线从你的代码。但我有类似的经历。

然后我添加了一个代码

a{
 text-decoration: none;
}

和

a:hover{
 text-decoration: none;
}

因此，请尝试使用以下代码：hover。

Answer 8

当我尝试自定义WordPress主题并且文本修饰对我没有帮助时，我有很多头痛的问题。在我的情况下，我不得不删除盒子阴影。

a:hover {
    text-decoration: none;
    box-shadow: none;
}

Answer 9

如果您想要导航栏

ul{ list-style-type: none; } li{text-decoration: none;

这将使其希望将列表类型的样式设置为“无”或“无”。

带有标记：

a:link {text-decoration: none}

Answer 10

尝试将其添加到样式表中：

a {text-decoration:none;}

Answer 11

我使用下面的代码让我在Chrome中工作。您可以调整嵌套：

a:-webkit-any-link { color: black; }

Answer 12

为所有链接添加特定类：

html：

[url getResourceValue:&volType forKey:NSURLVolumeIsEncryptedKey  error:&error];
    if (volType)
    {
        encrypted = TRUE;
    }

在css中：

<a class="class1 class2 noDecoration"> text </a>

Answer 13

请注意，在其他情况下，代码库可能使用border-bottom的css属性，例如border-bottom: 1px;，其产生的效果与text-decoration: underline非常相似。在这种情况下，请确保将其设置为无，border-bottom: none;

Answer 14

我只是用旧的方式做到了，我知道它不对，但它是一个快速修复。

<h1><a href="#"><font color="#FFF">LINK</font></a></h1>

文字装饰：没有不工作

14 个答案: