完全隐形的html按钮

VVW*_*ect 7 html visibility invisible input button

使用以下代码:

<html>
<body>
<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

将此文件另存为html文件.如果您打开文件,则会出现一个不可见但仍处于活动状态的按钮.按Tab键选择按钮.现在,仍然隐形按钮周围有一个灰色的虚线矩形.有人可以帮我禁用那个矩形.感谢响应者,

我正在尝试创建一个完全不可见的站点登录,这是它唯一可见的部分,请帮忙.

McH*_*bie 18

您可以使用该样式outline: 0;在聚焦时禁用按钮上的虚线矩形.

例:

<input type="submit" style="outline: 0;">
Run Code Online (Sandbox Code Playgroud)

虽然,我不确定你要做的是正确的......你只是想隐藏按钮吗?你最好的选择是使用display: none;

例:

<input type="submit" style="display: none;">
Run Code Online (Sandbox Code Playgroud)


con*_*dle 5

这对我有用。(仅在 Opera 上测试过,所以 YMMV)。

<input type="submit" style="background:transparent; border:none; color:transparent;">
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/AHsdJ/3/