Как удалить границы вокруг ссылок в IE? [дубликат]

этот вопрос уже есть ответ здесь:

у меня есть панель навигации, которая состоит из <img> элементы в пределах их соответствующих <a> элементы. Однако по какой-то причине в IE он делает темную черную границу вокруг изображений. Его не делает то же самое в другие браузеры, я не могу этого понять... Это HTML, который я использую.

<li>
   <a href="#">
      <span id="nav1">
         <img src="tt_1.png" />
      </span>
   </a>
</li>

у меня есть около 5 ссылок все написано так, и я использовал CSS, чтобы стиль его в навигационную панель. В других браузерах это выходит так

но на IE это выходит так

Я никогда не сталкивался с проблемой, как это раньше, и то, что я reserached, чтобы попытаться исправить это до сих пор не сработало. Есть ли способ убрать эти границы с помощью CSS?

3 59
html css

3 ответа:

TL; DR

удалить границы всех ссылок и изображений:

a, img {
    border:none;
    outline:none;
}

Полная версия

если вы хотите удалить только границы из изображений, которые являются ссылками, вы должны сделать следующее:

a img {
    border:none;
    outline:none;
}

единственная разница заключается в том, что нет запятых между a и img смысл только изображения внутри a - теги будут иметь это правило применяется

Pro совет: используйте css сброс

несоответствия браузера, подобные этому, многочисленны, поэтому веб-разработчики часто используют "сброс css", т. е. https://necolas.github.io/normalize.css/ или http://meyerweb.com/eric/tools/css/reset/. это позволит (среди других изящных вещей) сбросить такие вещи, как границы, поля и т. д. на ряде элементов, чтобы они отображались более последовательно в браузерах.

128

Я считаю, что IE ставит границы вокруг изображений, которые являются ссылками. Так что вы должны быть в состоянии удалить это, сказав:

a img {
    border: 0;
}
74

добавить style="border: none;" к тому, что создает границу или создает css с этим атрибутом.

12