hmlt + css不工作文字装饰

在文字上始终是下划线。

<html> 
    <head> 
    <style type="text/css"> 
    .search, .search_b1, .search_b2{ 
    display: block; 
    color: #000; 
    text-decoration: none; 
    } 
    .search_b1:hover { 
    color: red; 
    } 
    </style> 
    </head> 
    <body> 
    <div id="left"> 
    <a href = "#"> 
     <span class="search"> 
     <span class="search_b1">Text text</span> 
     <span class="search_b2">Text text</span> 
     </span> 
    </a> 
    </div> 
    </body> 
    </html>

来源

2010-12-18 lolalola

您将span元素设置为块元素。

块元素不能有text-decoration。只有内联元素可以。

来源

2010-12-18 21:29:21 janhartmann

我认为你的意思是border-bottom：none;在这个特殊的情况下。 – 2010-12-18 21:31:18

请注意，不幸的是，如果文本换行到新行，'border-bottom'技巧不起作用。 – tenfour 2010-12-18 21:31:41

这是真正的tenfour :-) – janhartmann 2010-12-18 21:32:26

您需要将文本修饰应用于锚点元素。

来源

2010-12-18 21:32:06 rcravens

这里是一个例子：http://jsfiddle.net/s6XjW/ – rcravens 2010-12-18 21:33:43

正如我在其他评论（对不起，我先阅读答案）说，可以使用：{text-decoration：none; } – 2010-12-18 21:42:41

hmlt + css不工作文字装饰

回答

相关问题