html - 画像の href 境界線を削除

Question

何が間違っているのかわかりません... cssを追加しました

a:active {text-decoration: none; border: 0px solid black}
a:link {text-decoration: none; border: 0px solid black}
a:visited {text-decoration: none; border: 0px solid black}
a:hover {text-decoration: none; border: 0px solid black}

しかし、これはIEでは機能しません...私はこれを取得し続けます:

下はIEです。

Answer 1

次のようなスタイルを追加します。

a img {border:0;}

境界線がaではなく画像上にあるため、修正する必要があります

Answer 2

あなたが試すことができます

a img {border:none;}

Answer 3

画像を使用する場合は、この css をスタイルシートに追加してください。

a img {
border:0;
}

また

 a img {
    border:none;
    }

Answer 4

まず、「ベタ黒」は必要ありません。

border: 0 none;

問題を引き起こす可能性のある 2 つの可能性があります。

(1) 一部のブラウザーは、別のメタセレクターを認識します。

a:focus {text-decoration: none; border: 0 none;}

(2) もう 1 つのことは、紫色のものが実際にはリンクの輪郭である可能性があることです。

も追加してみてください

outline: 0;