Javascript 防止html输入和按钮标记上的按钮效果

我正在编写一个intranet MVC应用程序，希望所有按钮的外观和行为都相同。对于创建、详细信息、返回列表等操作，我使用GET方法；对于创建和保存，我使用POST方法

我制作了一些CSS，这样按钮、a和输入标记看起来都一样：

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解决方案也可以

谢谢， Péter

试试：

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

尝试：

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

---

这是IE中按钮的默认行为。 这可以通过在“打开：活动”按钮上添加一个负填充来“撤消”欺骗

---

这是IE中按钮的默认行为。 这可以通过在“打开：活动”按钮上添加一个负填充来“撤消”欺骗

---

您正在搜索：焦点选择器吗？：活动{padding:-1px 0-1px；}？我可以看到a.actionButton:已访问，但没有a.actionButton:活动？也许这就解决了？@Silvermind你能把你的答案贴成Asnwer not comment吗？我想设置为接受答案：@Péter将其添加为答案：您正在搜索：焦点选择器吗？：活动{padding:-1px 0-1px；}？我可以看到a.actionButton:已访问但未看到a.actionButton:活动？也许这就解决了？@Silvermind你能把你的答案贴成Asnwer not comment吗？我想将其设置为已接受的答案：@Péter将其添加为答案：