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

本人在二次开发主题时遇到一个小问题,用移动端访问网站时,出现超链接下划线,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,其他博客程序暂不支持!


标签: 超链接下划线, a标签

添加新评论