输入：焦点不适用于Firefox

StackOverflow https://stackoverflow.com/questions/1408563

  •  05-07-2019
  •  | 
  •  

题

我有以下样式，我已验证正在加载：

input:focus { outline: none; }
:focus { outline: none; }

当我点击某些东西时，我这样做是为了停止显示虚线矩形。这适用于我注意到的FireFox中的所有内容，除了我的输入按钮。点击它们后，我的输入按钮仍会在它们周围显示一个虚线矩形。

我怎样才能让他们停止这样做？

有帮助吗？

解决方案

我需要这样做（源）：

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

我已经<！>“; outline：0 <！>”;通过重置设置一切，但需要-moz-focus-inner来摆脱CSS样式按钮上的虚线。

其他提示

<input ... onfocus="this.blur();"/>会做的伎俩

或jQuery：

$("input").focus(function(){this.blur();});

这对我有用（在firefox 2和3中都尝试过）

<html>
<head>
  <title>Test</title>
  <style>
   :focus { -moz-outline-style: none;}
  </style>
</head>
<body>
  <form action="#">
    <input type="image" src="button.png" />
  </form>
</body>
</html>

只需添加一个button.png： - ）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top