如何使按钮变得不可见，但仍然可以单击

How to make a button become invisible but still be able to click?

本文关键字：单击 按钮 何使      更新时间：2023-09-26

我试图让一个按钮变得不可见，但仍然可以点击。

因为我正在使用我的HTML代码和adobedreamweaver，我不想使用这个丑陋的标准按钮，所以我绘制了我所有的程序，并选择这个按钮到我已经绘制"按钮"的地方

但在我将此按钮设置为不可见后，我将改为单击图片。。。。。。。。无法点击：（

真的需要帮助

此外1.如何更改按钮大小。我希望它大一点。2.如何更改输入框大小。我也希望它大一点。

谢谢你的帮助，很抱歉我的语法不好，可能会让你感到困惑。

这是我的按钮

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

请参阅jsfidder中的按钮不可见但仍然可以点击按钮，PL请点击左上角或结果

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

js函数：

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

将以下css添加到按钮中：

.invisible-btn {
    opacity: 0;
}

或

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

并且可以通过width和height属性设置元素的大小。

尝试：

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

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

相关文章：