防止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输入和按钮标记的按钮效果

回答

相关问题