我一生都无法弄清楚如何仅使用 CSS 来做到这一点,我认为是因为他们的 javascript 会覆盖它,即使我使用 !important 也是如此。因此,我尝试使用 JQuery 的 $.getScript() 函数加载 javascript,但它甚至不起作用。
我希望它只是一个简单的黑色边框。
我一生都无法弄清楚如何仅使用 CSS 来做到这一点,我认为是因为他们的 javascript 会覆盖它,即使我使用 !important 也是如此。因此,我尝试使用 JQuery 的 $.getScript() 函数加载 javascript,但它甚至不起作用。
我希望它只是一个简单的黑色边框。
我没有尝试覆盖 facebook 的 css,而是在按钮周围包裹了一个 div 并在其周围放置了一个边框。这段代码很好地得到了我想要的效果:
<div style="border: 1px solid black; background: #ECEEF5 url('http://i.imgur.com/y8DyO.png'); width: 49px; height: 20px; border-radius: 3px;">
<!-- INSERT FACEBOOK LIKE DIV HERE -->
</div>
注意:background: #ECEEF5 url('http://i.imgur.com/y8DyO.png');
已添加以便 div 具有与 like 按钮相同的背景,因此在 javascript 运行时的那一瞬间,您不会看到从没有背景到 facebook 的#ECEEF5 的闪烁。
结果: