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

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

图片：（上面一个是IE，下面一个是Chrome，我刚把它裁剪成一张图片）

我的代码是：

HTML:

---

看起来您正在删除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;
}

这应该能帮你解决问题。

试试下面的代码 *边框：无；/对于ie7/

_边框：无；/对于ie6/

---

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

我实际上看不到你所说的紫色，因为这是IE的一个常见问题。

---

您只需在CSS中添加

border:none

就可以摆脱它。

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

至于边界，请尝试：

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

---

请尝试添加

大纲：0&
边框：无
别忘了提到它是针对IE6和IE7的：）
.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;
}

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

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