提交按鈕在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中擺脫它？

回答

相關問題