如何摆脱外部链接图标按钮

问题描述

我正在尝试去掉这些 [社交媒体按钮][1] 上的外部链接图标。 [1]:https://i.stack.imgur.com/K5nRi.jpg 我用来“自动化”创建外部链接图标的代码段如下:

 a[target="_blank"]::after{
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
margin: 0 3px 0 5px;

我尝试过的第一个解决方案:

用 css 类包裹这些按钮,然后添加可见性:隐藏和显示:无。 像这样:

.socialMediaButtons a::after {display: none; visibility: hidden;}

这是HTML: [社交媒体按钮的 HTML][2] [2]:https://i.stack.imgur.com/LaKq0.png 我尝试过的第二个解决方案(在浏览 stackoverflow 时发现类似问题):

$('a').has('a::after').addClass('socialMediaButtons');.socialMediaButtons { display: none; }

我不是在寻求解决方案,但如果您能给我一些线索或提示,我将不胜感激:)

谢谢大家! [1]:https://i.stack.imgur.com/K5nRi.jpg [2]:https://i.stack.imgur.com/LaKq0.png

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)