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

我的提交按钮在IE中有一个紫色的边框，但不是在Chrome中。我如何在IE中摆脱它？提交按钮在IE中具有紫色边框，但不在Chrome中。我如何在IE中摆脱它？

图片：（顶一个是在IE中，底部有一个是在铬 - I只是裁剪成的图像） 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; 
}

来源

2013-01-09 James Anderson

它看起来像你重新移动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-09 16:34:24 langauld

试试下面的代码 *边界：无;为IE7//

_border：无;为IE6//

边界：无\ 0/IE9;/* IE9具体不知道*/

来源

2013-01-09 16:34:56 Parag

不要忘记提到它是IE6和IE7 :) – Morpheus

哎呀对不起：P谢谢纠正我 – Parag

我不能真正看到你说的通过它与IE浏览器常见问题的紫色。你可以只通过增加border:none你的CSS摆脱它。

来源

2013-01-09 16:35:03 TKrugg

首先，内嵌样式是从来没有很好的做法。

至于边界，尝试：

.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-09 16:35:49 evilscary

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

来源

2013-01-09 16:36:43 dev

.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-09 18:16:34

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

回答

相关问题