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;
}

那会让你感到厌烦。

Answer 2

尝试以下代码 * border：none; / for ie7 /

_border：无; / for ie6 /

border：none \ 0 / IE9; / * ie9具体不确定* /

Answer 3

我实际上看不到你所说的紫色是IE的常见问题。只需将border:none添加到CSS中即可摆脱它。

Answer 4

首先，内联样式绝不是一种好习惯。

关于边界，请尝试：

.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 5

Fore IE尝试添加outline: 0;＆amp; border:none

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;
}

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

6 个答案: