656° 2017406字0条评论

用 CSS 移除链接

起因是偶然查看过去的关于页面时发现链接还在,而每次归档关于页面我都会特别注意把链接去掉,因为链接已经失去时效性了,久了会有坏链风险(说的好像龋齿似的)。于是我立刻查看 md 文档,发现并没有链接,再在 Chrome 里 inspect 了一下,发现这些个链接都带着 class="vglnk",瞬间明白过来。谷歌了 vglnk 后没找到官方介绍(官网的体验会不会太差!),但估摸就是给完整的 url 自动加上链接的一个脚本,应该是 Bitcron 为了降低写作门槛加的一项功能。于是我到后台溜了溜发现并没有可以关闭此项功能的选项,就扭头求助谷歌,秒速找到了解决方法。本来我还想可能要用到 JS,没想到 CSS 这么猛。

.vglnk {
    pointer-events: none;
    cursor: default;
    border: none; /* 去掉 a 标签的样式 */
}

头两行是关键,第三行是为了去掉链接样式,因为 a 标签还在,只是用不了了。就跟被 display: none 标注掉的小可怜们一样。所以记得根据主题去掉所有链接样式,这样才能真正做到“无影无形”。

话说这么生僻的 CSS 到底搁哪儿学的?不过说实话还是很感谢那些不断钻研的人,有种“一人吃饱全家不愁”的占便宜感。

EOF
622°
间隔年日记第24周
Comments
Write a Comment
点击加载Disqus