如何删除锚(链接)的下划线?
无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?
使用CSS。 这消除了来自a
和u
元素的下划线:
a, u { text-decoration: none; }
有时你需要重写元素的其他样式,在这种情况下,你可以在规则中使用!important
修饰符:
a { text-decoration: none !important; }
CSS是
text-decoration: none;
和
text-decoration: underline;
这将删除您的颜色以及锚标签存在的下划线
a { text-decoration: none ; } a:hover { color:white; text-decoration:none; cursor:pointer; }
最佳select:
<a name="#" style="text-decoration:none" >2000001</a> <a style="text-decoration:none" name="#">2000001</a>
testingIPHONE
, ANDROID
browser/email
– 就像一个魅力。
使用CSS删除text-decoration
。
a { text-decoration: none; }
有时它会被一些渲染UI CSS覆盖。 更好地使用:
a.className { text-decoration: none !important; }
最好的select,如果你只是想从锚链接删除下划线 –
#content a{ text-decoration-line:none; }
这将删除下划线。
此外,您还可以使用类似的语法来操作其他样式,
text-decoration: none; text-decoration-color: blue; text-decoration-skip: spaces; text-decoration-style: dotted;
希望这可以帮助!
PS-这是我的第一个答案!
为了提供另一个问题的angular度(从原来的职位的标题/内容推断):
如果你想追查什么是在HTML中创buildstream氓下划线,使用一个debugging工具。 有很多select:
对于Firefox,有FireBug;
对于Opera,有Dragonfly(在Tools-> Advanced菜单中称为“Developer tools”;默认是Opera自带的)。
对于IE浏览器,有“IE浏览器开发工具栏”,这是一个单独的下载IE7及以下,并集成在IE8(命中F12)。
我不知道关于Safari,Chrome和其他less数浏览器,但是您的机器上面至less应该有上述三种之一。
在我的情况下,有一个关于主播hover效果的规则,就像这样:
#content a:hover{ border-bottom: 1px solid #333; }
当然, text-decoration:none;
在这种情况下忍不住 我花了很多时间,直到我发现它。
所以:下划线不要与边界底部混淆。
不要忘记使用链接标签包含样式表
http://www.w3schools.com/TAGS/tag_link.asp
或者将CSS放入网页的样式标签中。
<style> a { text-decoration:none; } p { text-decoration:underline; } </style>
除了链接之外,我不会推荐使用下划线,下划线通常被认为是可点击的东西。 如果不可点击,则不要强调。
CSS的基础知识可以在w3schools中find
<u>
是一个弃用的标签。
使用…
<span class="underline">My text</span>
与一个CSS文件包含…
span.underline { text-decoration: underline; }
要不就…
<span style="text-decoration:underline">My Text</span>