Skype 按钮代码产生过多的填充 - 需要使用内联样式来消除

Question

添加带内联格式的 Skype 按钮正在生成具有巨大边距的 Skype 图片 link。 CSS 不是一个选项，必须使它与内联样式一起使用。正在使用的 Skype 按钮代码是：

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_auctionsafe_1" style="margin: 0px 0px 0px 0px;">
 <script type="text/javascript">
 Skype.ui({
 "name": "chat",
 "element": "SkypeButton_Call_auctionsafe_1",
 "participants": ["user1"],
 "imageSize": 16
 });
 </script>
</div>

此代码在添加或不添加 style/margin 属性 ( style="margin: 0px 0px 0px 0px;" ) 的情况下生成以下结果：

这是期望的结果：

如何消除填充以使 Skype 图片与周围的文字恰到好处？

Answer 1

样式已应用于实际图像本身，因此您只能使用负边距来执行此操作。 Hacky 但它有效：

style="margin:-25px 0px 0px -15px;"

http://jsbin.com/havuledoci/edit?html,output

Answer 2

这是一个覆盖边距的更简单的解决方案。
!important 将覆盖图像边距，即使在 Skype 强制时也是如此。

.skypeButton {
  margin: 0;
}
.skypeButton img {
  margin: 0 !important;
  vertical-align: middle !important;
}

像这样使用

<span class="skypeButton">
    <div id="SkypeButton_Chat_myaccountname">
        <script type="text/javascript">
            Skype.ui({
                "name": "chat",
                "element": "SkypeButton_Chat_myaccountname",
                "participants": ["myskypeaccount"],
                "imageSize": 12
            });
        </script>
    </div>
</span>

取自这里 https://faheart.com/47325/how-to-edit-skype-contact-me-button-css

Skype 按钮代码产生过多的填充 - 需要使用内联样式来消除

Skype Button Code Produces Excessive Padding -Need To Eliminate Using Inline Styling

html

skype

inline-styles