搜索
查看: 2371|回复: 0

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

[复制链接]

147

主题

239

帖子

523

积分

高级会员

中国黑客

Rank: 4

积分
523
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
谁有敬业福啊!
回复

使用道具 举报

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

本版积分规则

快速回复 返回顶部 返回列表