Блог

Главная - Вопросы по программированию - Удаление css из изображения ссылки

Удаление css из изображения ссылки

#css

#css

Вопрос:

Наш дизайнер создал этот css для ссылок

 A
{
   text-decoration: underline;
    color: #E77C15;
}

A:link
{
    text-decoration: underline;
    color: #E77C15;
}

A:visited
{
    text-decoration: underline;
    color: #E77C15;
}

A:hover
{
    text-decoration: underline;
    color: #039;
}

A:active
{
    text-decoration: underline;
    color: #E77C15;
}

Мне нужна ссылка на изображение без рамки вокруг нее. Прямо сейчас вокруг него есть цветная рамка из css.

Я пытался 

    <a href='myurl' style="border-style:none; text-decoration:none" >
         <img src="myimage.png" style="width: 20px; height: 20px" alt="Remove" title="Remove" />
   </a>

но граница все еще видна.
Как я могу удалить границу вокруг этого изображения ссылки.
Спасибо!

Комментарии:

1. установить border:0 в изображении style

2. Лол, все ответили одинаково.

3. @midas: Все голосуют «за» 🙂 очевидно, что я не специалист по css. Я делаю почти все настольные приложения, поэтому забыл весь свой css. Спасибо.

4. Спасибо, это правильное решение.

Ответ №1:

Вы должны добавить CSS в <img> , а не в <a> .

Лучше использовать общее правило CSS:

 img { border:none }

Ответ №2:

изображение {
 граница: 0; 
}

Ответ №3:

Используйте border:none; на img .

 a img{
    border:none;
}

Ответ №4:

Добавьте следующее правило в свой CSS:

 a img {
  border: 0;
}

Я бы посоветовал вам или вашему дизайнеру изучить возможность использования таблиц стилей CSS Reset.

Ответ №5:

Поместите это в свою таблицу стилей:

 a img {border:0px;}

Ответ №6:

Граница проходит вокруг изображения, а не ссылки.

Добавить: 

 a img {
 border: none;
}

Ответ №7:

Попробуйте добавить это в свой CSS:

изображение{ граница: отсутствует; }