删除 HTML 按钮/提交的完整样式

Question

有没有办法完全删除 Internet Explorer 中按钮的样式？我为我的按钮使用了一个 css sprite，一切看起来都很好。

但是当我点击按钮时，它会稍微移动到顶部，让它看起来变形了。是否有 css 单击状态或 mousedown？我不知道是什么触发了那个状态。

我知道这不是什么大不了的事，但有时小事很重要。

原文由 Saif Bechan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我假设当您说“ _单击按钮，它会稍微移动到顶部_”时，您是在谈论按钮的鼠标按下状态，而当您释放鼠标单击时，它会恢复到正常状态？并且您正在使用以下方法禁用按钮的默认呈现：

 input, button, submit { border:none; }

如果是这样..

就个人而言，我发现您实际上无法停止/覆盖/禁用此 IE 本机操作，这导致我稍微更改了标记以允许进行此移动并且不影响各种状态下按钮的整体外观。

这是我的最终标记：

 <span class="your-button-class">
    <span>
        <input type="Submit" value="View Person">
    </span>
</span>

原文由 Darren Shewry 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我认为这提供了一种更彻底的方法：

 button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

 <button>Example</button>

原文由 Kevinleary.net 发布，翻译遵循 CC BY-SA 4.0 许可协议