无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?
当前回答
最简单的选择是:
<a style="text-decoration: none">No underline</a>
当然,混合CSS和HTML(即内联CSS)不是一个好主意,特别是当你到处使用标签的时候。 这就是为什么把它添加到样式表中是一个好主意:
a {
text-decoration: none;
}
甚至是JS文件中的这段代码:
var els = document.getElementsByTagName('a');
for (var el = 0; el < els.length; el++) {
els[el].style["text-decoration"] = "none";
}
其他回答
下划线可以通过称为文本装饰的CSS属性删除。
<style>
a {
text-decoration:none;
}
</style>
如果要删除除a之外元素中文本的下划线,则应使用以下语法。
<style>
element-name{
text-decoration:none;
}
</style>
还有许多其他文本装饰值可以帮助你设计链接。
不要忘记使用link标记来包含样式表
http://www.w3schools.com/TAGS/tag_link.asp
或者将CSS包含在网页的样式标签中。
<style>
a { text-decoration:none; }
p { text-decoration:underline; }
</style>
我不建议在除链接之外的任何地方使用下划线,下划线通常被接受为可点击的东西。如果它不可点击,就不要下划线。
CSS基础知识可以在w3schools学习
有时它会被一些渲染UI CSS覆盖。更好的用法:
a.className {
text-decoration: none !important;
}
这将删除您的颜色以及锚标签存在的下划线
a {
text-decoration: none;
}
a:hover {
color: white;
text-decoration: none;
cursor: pointer;
}
为这个问题提供另一个角度(从原始帖子的标题/内容推断):
如果您想要追踪是什么在HTML中创建了错误的下划线,请使用调试工具。有很多选择:
Firefox有FireBug;
Opera有蜻蜓(在工具->高级菜单中称为“开发人员工具”;Opera默认自带);
对于IE,有一个“Internet Explorer开发工具栏”,对于IE7及以下版本,可以单独下载,并集成到IE8中(点击F12)。
我对Safari、Chrome和其他少数浏览器不太了解,但你的电脑上至少应该有上述三种浏览器中的一种。
推荐文章
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击
- 如何以及在哪里使用::ng-deep?
- Angular 2模板中的标签是什么意思?
- 如何设置身体高度溢出滚动
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 将RGB转换为白色的RGBA
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML