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

Question

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

图片:(顶部是在IE中，底部是在Chrome中-我只是裁切成一个图像)https://i.stack.imgur.com/2k5KP.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;
}

Answer 2

我实际上看不到你所说的紫色，这是IE的一个常见问题。你可以通过将border:none添加到你的CSS中来摆脱它。

Answer 3

首先，内联样式从来都不是好的做法。

至于边框，试试:

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

Answer 4

尝试添加outline: 0; &border:none

Answer 5

试试下面的代码*边境:没有;/for ie7/

_border:没有;/for ie6/

边界:没有 0/IE9;//

Answer 6

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