輸入：重點不是工作在Firefox

我有以下的風格，我已經驗證是正裝：輸入：重點不是工作在Firefox

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

我這樣做是爲了停止顯示虛線框，當我點擊的東西。這適用於我注意到的FireFox中的所有內容，除了我的輸入按鈕。當我點擊它們時，我的輸入按鈕仍然在其周圍顯示一個虛線的矩形。

我該如何讓他們停止這樣做？

來源

2009-09-11 Joseph

我用FireFox 3.5試了這個，看起來輪廓設置是圍繞按鈕繪製的。按鈕文本有其自己的虛線輪廓。糾正我，如果我錯了：你試圖通過CSS控制按鈕文字大綱。我不相信這是可能的。 – 2009-09-11 01:57:44

@David謝謝，那可能就是答案。我實際上並沒有在按鈕中使用任何文本（我使用的是圖片），所以我看到一個非常惱人的小矩形。我希望有辦法擺脫它，但是哦。 – Joseph 2009-09-11 02:47:46

我需要這樣做（source）：

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

我已經有「概要：0」通過復位的一切設置，但需要的是-moz-焦點內擺脫對一個CSS樣式的按鈕的虛線。

來源

2010-12-22 15:33:29

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

或jQuery的：

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

來源

2009-09-11 02:52:58 manji

這對我的作品（試圖在這兩個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 :-)

來源

2009-09-11 11:29:05 Nino

輸入：重點不是工作在Firefox

回答

相關問題