Css 输入：焦点不为'；我不想在Firefox上工作_Css_Firefox_Input

Css 输入：焦点不为'；我不想在Firefox上工作

css firefox input

Css 输入：焦点不为'；我不想在Firefox上工作,css,firefox,input,Css,Firefox,Input,我已验证正在加载以下样式： input:focus { outline: none; } :focus { outline: none; } 我这样做是为了在单击某个对象时停止显示虚线矩形。这适用于FireFox中我注意到的所有东西，除了我的输入按钮。当我单击输入按钮时，它们周围仍然显示一个虚线矩形我怎样才能让他们停止那样做呢？就可以了或jQuery： $("input").focus(function(){this.blur();}); 这对我很有用（在Firefox2和Firefox

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

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

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

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

就可以了

或jQuery：

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

这对我很有用（在Firefox2和Firefox3中都试用过）


试验
：focus{-moz大纲样式：无；}

只需添加一个按钮即可。png:-）

我需要这样做（）：

我已经通过重置在所有内容上设置了“outline:0”，但需要-moz focus inner来消除CSS样式按钮上的虚线。

我在FireFox 3.5上尝试了这一点，看起来轮廓设置是围绕按钮绘制的。按钮文本有自己的虚线轮廓。如果我错了，请纠正我：您试图通过CSS控制按钮文本轮廓。“我认为那是不可能的。”大卫，谢谢，那也许就是答案了。实际上，我并没有在按钮中使用任何文本（我使用的是图像），所以我看到一个非常讨厌的小矩形。我希望有办法摆脱它，但是哦，好吧。

<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>

/*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; }