CSS按鈕調整

我已經建立了一個自定義<button>，這是完全使用CSS和CSS3風格。一切工作得很好，除了幾個瀏覽器之間的視覺煩惱之外。CSS按鈕調整

我在Internet Explorer和Firefox注意按我的按鈕後，一個虛線邊框按鈕周圍的文本可見，像這樣：

enter image description here

這是無法與Chrome或Opera的情況下。

此外，在Internet Explorer和Opera的按鈕點擊時，按鈕就會移動文本表明用戶點擊的按鈕：

enter image description here

這不是在Chrome或Firefox瀏覽器的問題。

在CSS中刪除虛線邊框並在上述瀏覽器中移動文本的方法有哪些？

來源

2012-03-10 Oliver Spryn

你可以在按鈕上顯示當前CSS嗎？我覺得這樣的事情會解決這個問題爲您在Internet Explorer不能確定的FireFox ...

a.button:active, a.button:selected, a.button:visited { 
    border: none; 
    outline: none; 
}

來源

2012-03-10 22:17:22

是那個固定的'outline'屬性修復了IE中的虛線邊框問題，但不包括Firefox。我實際上使用了我的按鈕的邊框，所以我沒有應用第一個建議。謝謝瑞恩！ – 2012-03-10 22:21:29

在Firefox中，點擊某物後，如果您沒有轉到新頁面或其他東西，您的焦點仍然位於該按鈕上。然而，你想要：聚焦風格。您可以改爲具有以下特徵的整體樣式：不包括輪廓的焦點。這樣，鍵盤手就可以獲得愛情，而焦點風格將保留在FF（以及其他一些瀏覽器）中，但這不會成爲富有幻想的輪廓。 – stommepoes 2012-03-10 23:08:20

來源

2012-03-10 22:20:11 Locke

是的，這適用於IE瀏覽器！ – 2012-03-10 22:22:57

回答

相關問題