如何隐藏谷歌+1按钮？答案

【问题标题】：how to hide the google +1 button?如何隐藏谷歌+1按钮？
【发布时间】：2011-07-14 21:14:52
【问题描述】：

我在 div 中有一个 google +1 按钮，该按钮最初应该是隐藏的，并且应该改变点击事件的可见性。 div 中的所有其他内容都可以正常工作，但由于某种原因，该按钮不会继承 div 规则并且它会保持永久可见：

<div id="sharethisdish"> 
    ...
        <g:plusone size="small" count="false" ></g:plusone>
</div>

我尝试在 html 中为按钮赋予自己的样式，并在我的 css 页面中赋予它一个 id 并定义样式，但它似乎没有遵循任何规则。有谁知道如何改变它的可见性？

【问题讨论】：

这回答了吗？ stackoverflow.com/questions/6254100/…
查看此帖一次stackoverflow.com/questions/6254100/…
我只是注意到标题和实际问题似乎相互矛盾。你是想隐藏它还是显示它？标题说隐藏，但我认为这个问题的意思是您想让它始终可见。
嗯，谢谢，但我不这么认为。我认为在那个问题中，他们试图通过重新定义回调行为来隐藏按钮，除非我遗漏了什么......

标签： html google-plus-one

【解决方案1】：

如果隐藏/显示是在 onClick 完成的，那么它很可能正在应用内联样式。这意味着内联样式将覆盖您的 css 文件中的一组。

您可以使用!important，我相信它应该会覆盖点击时应用的样式。

【讨论】：

我尝试在 div 样式的可见性属性中添加一个 !important 并将按钮包装在一个跨度中，该类的可见性被定义为可见性：继承 !important 但它似乎没有去工作。你有什么其他方法可以推荐我失踪吗？
我不知道该按钮的 html 格式，但 !important 必须是按钮本身，而不是它所在的元素。

【解决方案2】：

这应该可以解决您的问题：

HTML：

<div id="sharethisdish">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall" callback="g_click_function"></g:plusone>

JS：

var d = document.getElementById("sharethisdish");
d.style.display = "none";

现在制作 onclick 事件，该事件将使 d.style.display = "inline";

【讨论】：