0

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

6 回答 6

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

那应该让你解决。

于 2013-01-09T16:34:24.733 回答
0

试试下面的代码 *border :none; /对于ie7 /

_边框：无；/对于ie6 /

边框：无 \0/IE9；/*ie9具体不确定*/

于 2013-01-09T16:34:56.143 回答
0

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

于 2013-01-09T16:35:03.237 回答
0

首先，内联样式从来都不是好习惯。

至于边界，请尝试：

.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;
}
于 2013-01-09T16:35:49.167 回答
0

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

于 2013-01-09T16:36:43.773 回答
0 
.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;
}
于 2013-01-09T18:16:34.043 回答