sep.cc 如涉及侵权内容,请联系 [email protected]

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,其他博客程序暂不支持!

最后编辑:2017年10月15日 17:36:00「本站部分内容具有时效性,如遇失效请留言反馈」

转载声明:本站所有内容采用 CC BY-NC-SA 国际许可协议,转载请注明来源:Sep blog,谢谢!

版权声明:如文章内容涉及侵权,请联系 [email protected],待查证属实之后会立刻删除侵权内容。