从Firefox中的按钮删除大纲

Question

我有一个包含图像的按钮。它在chrome中看起来很好，甚至在IE中也是如此。但是在Firefox中，它在按钮周围留下了一个难看的粗边框。我在CSS中尝试过 border：none; ，但似乎没有任何改变。

我的按钮代码是：

<button id="next3"><img src="<?php echo $this->getSkinUrl('images/proddown.jpg') ?>"</button>

我目前没有附加样式。 任何想法如何解决这一问题？谢谢！

Answer 1

在您的情况下，您需要将background:transparent添加到button元素。在border:none旁边添加此项可以解决问题，如果没有，请参阅this question。

Example Here

button {
    background:transparent;
    border:none;
    outline:none;
}

Answer 2

即使您拥有每个CSS代码，也必须从此开始：

* {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}

每次都很有帮助。 我希望它可以帮助你。