【问题标题】:style social media buttons with CSS?使用 CSS 样式化社交媒体按钮?
【发布时间】:2013-02-25 12:38:03
【问题描述】:

我正在使用 Twitter 的推文按钮、Facebook 的点赞按钮和 Google 的 +1 按钮。我尝试使用我自己的外部 CSS 文件和内联 CSS 来设置它们的样式。但是,似乎无论我对 CSS 进行什么调整,它最终都会被 FB、Twitter 或 Google 的 API 中的 CSS 否决。我需要使找到的按钮here 整齐排列。我尝试将每个按钮的浮动设置为向左。但是,这没有用。

【问题讨论】:

    标签: css twitter facebook-like google-plus


    【解决方案1】:

    您可以使用 !important 来确保应用您的样式规则。

    例如,

    button {
       padding: 4px !important;
    }
    

    如果 facebook、twitter 等任何框架将按钮的内边距设置为 8px,这会将其重置为 4px。

    工作示例http://jsfiddle.net/yLEwS/。尝试从这两行中删除!important,看看会发生什么。

    【讨论】:

    • 嗯。对不起。我首先不是设计师。你能启发我吗?
    • 如果您将 !important 添加到 CSS 规则中,它将覆盖比它更具体的任何内容。这是一种说法,“嘿,无论如何都要应用我的风格。”
    • 酷。很高兴知道。我从来不知道 CSS 中存在这样的规则。它就像一个魅力。非常感谢!
    • 专业提示:请记住,当您覆盖 Google+ +1 按钮 CSS 时,它仍然需要遵守我们的品牌指南。你可以在developers.google.com/+/branding-guidelines找到这些。
    猜你喜欢
    • 2016-12-28
    • 1970-01-01
    • 1970-01-01
    • 2012-08-19
    • 2019-04-17
    • 2012-03-10
    • 1970-01-01
    • 2012-03-28
    • 2016-07-22
    相关资源
    最近更新 更多