Установка тега img внутри тега href вызывает границу вокруг изображения в IE

У меня есть HTML, где у меня есть теги img внутри тега href для использования в качестве кнопки. Все работает отлично, за исключением того, что когда я открываю его в IE, я получаю границу вокруг тега img.

Вот код:

<a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(7)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(6)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px; text-decoration:none" /></a>

Как я могу избавиться от синей границы, которая появляется только в IE?

Ответ 1

Простое исправление, в вашей таблице стилей создайте стиль, подобный этому:

a img{
border:0;
}

В вашем случае вы можете обновить свой стиль, чтобы включить некоторые из встроенных стилей в свой HTML. Например, ваша таблица стилей будет обновлена до:

a{
cursor:pointer;
text-decoration:none
}

a img{
margin-top:600px;
}

Ответ 2

Добавить атрибут border = "0" в тег img

Ответ 3

Относительно незначительной проблемы с Internet Explorer и серого окна вокруг тега привязки - это контур. Чтобы скрыть поле схемы, вы можете использовать следующий CSS:

a img{outline:none;}