0

私の送信ボタンは、IE では紫色の境界線で囲まれていますが、Chrome ではそうではありません。IEでそれを取り除くにはどうすればよいですか?

画像: (上の 1 つは IE、下の 1 つは 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の場合/

_border:なし; / ie6の場合/

ボーダー: なし \0/IE9; / * ie9 固有の不明な点 * /

于 2013-01-09T16:34:56.143 に答える
0

あなたが話している紫色が実際には見えません。これはIEの一般的な問題です。border:noneCSSに追加するだけでそれを取り除くことができます。

于 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 に答える