在 Mac 和 Windows 上隐藏 Facebook 点赞按钮的计数

Question

我想使用 Facebook Like 按钮，但没有计数。我尝试将其容器的宽度设置为 47px，没有溢出。这适用于 Windows 上的浏览​​器，但在 Mac OS X 上，按钮的宽度似乎扩展到 49px，因此部分内容被切断。

有谁知道如何使用带有button_count样式的Like按钮，但没有计数并且在Windows和Mac上没有以不同的方式显示？

这是我用于 Facebook 按钮的代码：

    <script type="text/javascript"> 
    //<![CDATA[
    //Facebook like button
    window.fbAsyncInit = function() {
        FB.init({xfbml: true});
    };
    //]]>
    </script>


               <div id="fb-root"></div>
                <fb:like href="{{ page_url }}" send="false" layout="button_count" width="49" height="21" show_faces="false"></fb:like>
                <script type="text/javascript">
                    (function() {
                        var e = document.createElement('script');
                        e.async = true;
                        e.src = (document.location.protocol == 'file:' ? 'http:' : document.location.protocol) + '//connect.facebook.net/en_US/all.js';
                        document.getElementById('fb-root').appendChild(e);
                    }());
                </script>

Answer 1

你能在CSS中设置按钮的宽度，以便所有浏览器都同时显示它吗？也许尝试使用“!important”标签，以便它在 fb 样式表中持续存在。这应该允许相同的“黑客”隐藏显示。

我认为没有办法默认隐藏它。如果按钮的宽度在按下后发生变化，您可能还需要调整样式。