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

sharepoint.stackexchange https://sharepoint.stackexchange.com/questions/16426

  •  16-10-2019
  •  | 
  •  

Вопрос

Для SP2010, как удалить уродливую синюю рамку с изображений, на которых есть ссылка?Я пробовал добавлять style="border:0" по тегу привязки, но безрезультатно.Спасибо.

Это было полезно?

Решение

Вам нужно применить стиль к IMG, а не к HREF.

Это покажет синюю рамку (по крайней мере, в IE и Firefox, в Chrome ее нет).

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png">
</a>

Ни то, ни другое не сработает, если сначала использовать атрибут границы "старый стиль"

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png" border="0">
</a>

Далее, используя встроенные стили

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png" style="border:none;">
</a>

И используя CSS, чтобы убрать границы для всех изображений

<style>
   a img {border:none}
</style>
<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png">
</a>

Другие советы

Добавьте веб -частя для редактора контента на страницу затронутой. Отредактируйте HTML для веб -части. Вставьте в следующий текст:

<style>
   a img {border:none}
</style>

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

В рамках дизайнера SharePoint щелкните правой кнопкой мыши на веб -часть изображения и выберите свойства изображения, выберите внешний вид и изменение толщины границы на 0, а синяя граница исчезает.

Ваш стиль не тот элемент, вам нужно стилизовать ссылки.http://www.w3schools.com/css/css_pseudo_classes.asp

Вы можете просмотреть стили, применяемые с помощью инструмента разработчика IE, Firebug в Firefox или инструмента разработчика Chrome.

Хорошие блоги, чтобы держать закладки:

http://blog.drisgill.com/

http://www.heathersolomon.com/blog/

Нажмите на Действия сайта (верхний левый угол экрана) Перейдите по адресу: Настройки сайта - Посмотрите и ощущение - Тема сайта Измените выбранное цвет для «Следующей гиперссылки» на белый (цветовой код #f8f8f8) Нажмите Применить.enter image description here

Я использовал следующий код, и он сработал:

<img src="image.png" alt="Trust Pilot" border="0px" style="border:none!important; outline:none!important;">

Граница создана из атрибута контура, просто убедитесь, что у вас есть, как ни один. Я надеюсь, что это поможет кому -то еще

Лицензировано под: CC-BY-SA с атрибуция
Не связан с sharepoint.stackexchange
scroll top