有没有办法隐藏按钮但保留其功能

Question

我在导航栏上有一个按钮，点击它会显示一个对话框 box.I 想要让这个按钮不可见，只要有人点击按钮所在的地方，它就会打开一个对话框，即它即使 invisible.I 已尝试 visibility:hidden 和 display:none 但似乎没有任何东西能为我提供所需的 result.Here 是 fiddle - https://jsfiddle.net/payalsuthar/58bw712t/5/ 我想隐藏此 fiddle 中的按钮，如果我单击按钮所在的位置，它应该会显示对话框。提前致谢。

Answer 1

在这种情况下，您可以使用 opacity: 0

Answer 2

然后使用 div 代替 button，并为 div 定义 onclick 事件。由于 div 将没有任何内容，它就像不可见但仍然可以点击。

<div id="clickMe" style="width:50px;height:50px"></div>

Answer 3

创建一个空白标签而不是按钮，您可以按如下方式实现：

https://jsfiddle.net/58bw712t/10/

<lable id="clickMe">    </lable>

$('#clickMe').click(function() {
  $('#dialog1').dialog({
    buttons: {
      "yes": function() {
        $(this).dialog('close');
      },
      "no": function() {
        $(this).dialog('close');
      }
    }
  });

});

Answer 4

这个怎么样？

https://jsfiddle.net/58bw712t/12/

制作 appearance none

#clickMe{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: none;
   background: none;
   width : 100px;
   height: 100px;
}

Answer 5

您可以试试下面的代码：

#clickMe{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

Working demo

Answer 6

JS Fiddle

您可以使用不透明度 0 来隐藏按钮。它是可点击的。

这可能对您有所帮助。工作示例如下。

`https://jsfiddle.net/manishghec/upvsftyq/2/`

让我知道这是否适合您。

Answer 7

试试这个..

#clickMe{
background-color: transparent;
color: transparent;
border: none;
}

Answer 8

#clickMe{
    opacity: 0;
}

这可能对你有帮助。

有没有办法隐藏按钮但保留其功能

Is there any way to hide a button but retain its functionality

html

javascript

css

jquery

button