javascript中隐藏的可点击按钮

Question

如何在javascript中隐藏可点击的按钮？
行：

style = "visibility: hidden" 

使得它无形的，也是不可点击。

Answer 1

visibility: hidden完全隐藏的元素，这也是为什么点击它不会工作，尝试这种上规模。

<a href="#"><img src="http://placehold.it/150x150"></a> 

img{ 
    opacity: 0; 
} 

http://jsfiddle.net/brbcoding/VBkRF/

Answer 2

试试这个Link

<input type="button" style="color: transparent; background-color: transparent; border: solid;" onclick="alert('test');"> 

Answer 3

我认为这是错误的目标，并有更好的方法来达到预期的任务 - 但是，真正任务只隐约地暗示在埋葬评论。

无论如何，请参阅本jsfiddle显示颜色匹配，透明色和不透明度：0仍然会留下一个按钮元素的点击。 （验证在Chrome，Safari浏览器，IE8-10 /标准，FF）

HTML：

<h3>colormatch</h3> 
<div class=box> 
<button id=b1 onclick=alert(1)>here</button> 
</div> 

<h3>invisible</h3> 
<div class=box> 
<button id=b2 onclick=alert(2)>here</button> 
</div> 

<h3>opacity 0</h3> 
<div class=box> 
<button id=b3 onclick=alert(3)>here</button> 
</div> 

<h3>transparent</h3> 
<div class=box> 
<button id=b4 onclick=alert(4)>here</button> 
</div> 

CSS：

#b1 { 
    border:none; 
    background-color:white; 
    color:white; 
} 
#b2 { 
    visibility:hidden; 
} 
#b3 { 
    opacity:0; 
} 
#b4 { 
    border:none; 
    background-color:transparent; 
    color:transparent; 
} 
.box { 
    border:1px solid red; 
    display:inline-block; 
}