如何隐藏谷歌+1按钮？

Question

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

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

我已尝试在html中为按钮提供自己的样式，并为其提供id并在我的css页面中定义样式但它似乎没有遵循任何规则。有谁知道如何改变其知名度？

Answer 1

如果正在进行隐藏/显示onClick，则可能是它正在应用内联样式。这意味着内联样式将覆盖css文件中的一个样式。

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

Answer 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”;