html - 提交按钮在 IE 中有紫色边框，但在 Chrome 中没有。我如何在 IE 中摆脱它？

Question

我的提交按钮在 IE 中有紫色边框，但在 Chrome 中没有。我如何在 IE 中删除它？

图像:(顶部是 IE，底部是 Chrome - 我只是将它裁剪成图像) http://i.imgur.com/Qb6pI.png

我的代码是:

HTML:

<div style="float:right; border:0px;">
    <input type="submit" class="submitorder"/>
</div>

CSS:

.submitorder {
background-image: url('https://www.amleo.com/images/art/SubmitOrderSprite.png');
background-position: 0px 0px;
width: 205px;
height: 52px;
font-size:0px;
}

.submitorder:hover {
background-position: 0px -62px;
}

Answer 1

看起来您要删除 div 上的边框，而不是输入上的边框。将您的 CSS 修改为以下内容:

.submitorder {
    background-image: url('https://www.amleo.com/images/art/SubmitOrderSprite.png');
    background-position: 0px 0px;
    width: 205px;
    height: 52px;
    font-size:0px;
    border: 0 none;
}

这应该可以解决问题。