如何使按钮变得不可见但仍然能够点击？

Question

我正在尝试让按钮变得不可见，但仍然可以点击。

因为我正在使用adobe dreamweaver的HTML代码而我不想使用这个丑陋的标准按钮所以我绘制了所有程序并选择此按钮到我已经绘制“按钮”的位置

但是在我将此按钮设置为隐藏后，我将点击该图片而不是........它无法点击：（

真的需要帮助

此外1.如何更改按钮大小。我希望它变得更大。             2.如何更改输入框大小。我希望它也要大得多。

感谢您的帮助，对不起可能让您感到困惑的错误语法表示抱歉。

这是我的按钮

<input type="button" value="Calculate!" onClick="useif()" /> <span id="show">Output here</span>

Answer 1

将以下css添加到您的按钮：

.invisible-btn {
    opacity: 0;
}

或

<input type="button" style="opacity:0" value="Calculate!" onClick="useif()" /> <span id="show">Output here</span>

您可以按width和height属性设置元素的大小。

Answer 2

请参阅jsfidder按钮隐身但仍然可以点击按钮，在结果左上角点击

以下是html的代码：<button style="opacity: 0; width:100px; height:100px;">OK</button>

js功能：

$(document).ready(function(){
    $('button').click(function(){
        alert('ok button clicked');
    });    
});

Answer 3

尝试：

<a href="google.com" style="color:white;"><input type="button" hidden="hidden">&nbsp;</input></a> 

颜色必须与背景相同，您可以更改光标类型。