Question

我想用我自己的图标更改默认博客id ='shareButtons'，但保留所有默认功能。

即使我能做到这一点：鼠标悬停效果会怎样？

也许我可以使用CSS或为此添加img scr？

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if>

Answer 1

自博客系统以.css风格提供的“博客分享按钮”以来，这是不可能的。即使你想用CSS类改变它，图像也会叠加。

Answer 2

要在更换默认共享按钮图标后修复悬停效果问题，您可以通过覆盖CSS或在HTML标记中进行更改来完成此操作

对于重写CSS方法，您可以在：hover选择器属性上使用！important指令。例如，Blogger默认情况下会为电子邮件共享图标添加以下CSS

a:hover.sb-email {
background-position: 0 -20px !important;
}

要覆盖它，您可以添加以下CSS

a:hover.sb-email {
background-position: 0 0 !important;
}

*尽管Blogger默认CSS也有！important指令，但由于我们添加的CSS是内联在模板中，它将能够否定CSS Blogger通过外部样式表添加的内容。

另一种方法是更改HTML标记。您可以删除Blogger添加其默认CSS的类，以便更好地理解您在问题中分享的HTML标记

<b:if cond='data:top.showEmailButton'>
<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a>
</b:if>

您可以从中删除以下类

sb-email - 负责悬停效果

分享按钮 - 负责为所有共享按钮显示的默认图标

可以更改默认的Blogger shareButtons图标吗？

2 个答案: