搜索
查看: 2185|回复: 0

TYPECHO去除A标签超链接下划线

[复制链接]

134

主题

213

帖子

471

积分

中级会员

中国黑客

Rank: 3Rank: 3

积分
471
QQ
发表于 2018-11-15 15:11:41 | 显示全部楼层 |阅读模式

本人在二次开发主题时遇到一个小问题,用移动端访问网站时,出现超链接下划线,PC端不认真看也不容易发现,Typecho的超链接下划线一直去除不了,Google了相关信息,得到的结果只是添加全文A标签为:a{text-decoration:none;},无论我怎么添加修改此CSS标签,下划线一直存在,虽然下划线是很细的灰白色,不认真看是发现不了的,可强迫症患者表示一定要去除!

这个问题困扰了我好长一段时间,也一直没时间解决,偶然间利用Chrome浏览器的审查元素时调用相关CSS样式时发现根本就不是修改text-decoration标签,此标签是全站所有的下划线,并不是单独的超链接下划线。

去除方法:

登录Typecho后台之后编辑当前使用主题style.css文件。

Ctrl+F搜索标签:

a{border-bottom:1px solid #EEE;}

搜索之后修改为:

a{border-bottom:none}

保存当前设置之后用手机端访问网站时,效果完成!

请注意,此方法目前仅限于Typecho,其他博客程序暂不支持!


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
谁有敬业福啊!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

温馨提示
1:发帖请遵守《中华人民共和国网络安全法》,发帖内容不得维护国家的、集体的、个人的利益。
2:请勿发布恶意攻击他人的技术文章、工具、和使用教程,发现后删帖处理。
3:本站的目的在于让更多的人了解网络安全,避免受到他人的恶意攻击。
4:本站中的部分文章,可能会出现一些“技术类手段”,但这仅仅为学习演示所用,而非恶意传播技术。
5:本站中的部分文章,可能转载自互联网。如有侵权行为,联系我们删除即可。
6:学习仅是充实头脑,切勿恶意攻击个人、企业等。所造成的法律后果一切由自己承担,本站及其站长概不负责。
我知道了
快速回复 返回顶部 返回列表