Question

使用以下代码：

<html>
<body>
<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;">
</body>
</html>

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

我正试图制作一个完全不可见的网站登录，这是它唯一可见的部分，请帮忙。

Answer 1

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

示例：

<input type="submit" style="outline: 0;">

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

示例：

<input type="submit" style="display: none;">

Answer 2

这对我有用。（仅在Opera上测试，所以YMMV）。

<input type="submit" style="background:transparent; border:none; color:transparent;">

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

Answer 3

使用CSS：focus＆amp; ：活动伪类

<html>
<head>
<style type="text/css">
input:focus, input:active { outline: none;}
</style>
</head>
<body>
<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;">
</body>
</html>

Answer 4

只需将其设置为透明，然后禁用该按钮。这对我很有用。

<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;" disabled>

Answer 5

根本不要使用按钮。

使用AJAX通过帖子发送登录数据并处理页面内的响应。

完全隐形的html按钮

5 个答案: