防止html輸入和按鈕標記的按鈕效果

我正在編寫一個Intranet MVC應用程序，並希望所有按鈕的外觀和行爲方式相同。對於某些操作，如創建，詳細信息，返回列表，我使用GET方法以及創建和保存我使用POST方法。防止html輸入和按鈕標記的按鈕效果

我做一個小的CSS所以按鈕，並輸入標籤的外觀相同的方式：

input[type="submit"].actionButton, 
button[type="submit"].actionButton, 
a.actionButton, 
a.actionButton:visited { 
    background-color: transparent; 
    padding: 4px; 
    margin: 2px; 
    font-family: sans-serif; 
    font-style: normal; 
    font-weight: normal; 
    font-size: 1em; 
    text-decoration: underline; 
    border: none; 
    cursor: pointer; 
}

但輸入和按鈕標籤有鼠標按下事件的影響。我怎樣才能防止呢？最好的解決方案是通過CSS，但我還沒有確定目標瀏覽器。主要是IE7和IE8。

這個問題的JavaScript解決方案也可以。

感謝，
彼得

來源

2013-04-08 Péter

您是否在尋找'「撤銷」（欺騙）？ – silentw 2013-04-08 10:06:12

'：active {padding：-1px 0 0 -1px; ''？ – Silvermind 2013-04-08 10:07:46

我可以看到a.actionButton：已訪問但不是a.actionButton：active？也許這解決了它？ – Jefferson 2013-04-08 10:08:01

這是IE一個按鈕的默認行爲。 focus`選擇：這可以通過加入負填充到按鈕上:active

input[type="submit"]:active, 
button[type="submit"]:active { 
    padding: -1px 0 0 -1px; 
}

來源

2013-04-08 11:44:58 Silvermind

嘗試用：

input[type="submit"].actionButton:active, 
button[type="submit"].actionButton:active,

來源

2013-04-08 10:29:24 Jaffy

不幸的是，這沒有解決問題。 – 2013-04-08 11:01:19

防止html輸入和按鈕標記的按鈕效果

回答

相關問題