Как удалить подчеркивание для якорей (ссылок)?

Ответ 1

Используйте CSS. это удаляет подчеркивания из элементов a и u:

a, u {
    text-decoration: none;
}

Иногда вам нужно переопределить другие стили для элементов, и в этом случае вы можете использовать модификатор !important в своем правиле:

a {
    text-decoration: none !important;
}

Ответ 2

css

text-decoration: none;

и

text-decoration: underline;

Ответ 3

Это приведет к удалению вашего цвета, а также подчеркиванию, что тег привязки существует с

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

Ответ 4

Лучший вариант:

<a name="#" style="text-decoration:none" >2000001</a>

<a style="text-decoration:none" name="#">2000001</a>

Протестировано на IPHONE, ANDROID browser/email - работает как шарм.

Ответ 5

Используйте CSS для удаления text-decoration s.

a {
    text-decoration: none;
}

Ответ 6

Когда-нибудь он будет переопределяться при некотором рендеринге UI CSS. Лучше использовать:

a.className {
    text-decoration: none !important;
}

Ответ 7

Лучший вариант для вас, если вы просто хотите удалить подчеркивание только из привязки -

    #content a{
                text-decoration-line:none;
                }

Это приведет к удалению подчеркивания.

Далее вы можете использовать аналогичный синтаксис для управления другими стилями, используя -

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

Надеюсь, что это поможет!

P.S.- Это мой первый ответ!

Ответ 8

в моем случае было правило о влиянии на зависание якоря, например:

#content a:hover{
border-bottom: 1px solid #333;
}

Конечно, text-decoration:none; не мог помочь в этой ситуации. И я трачу много времени, пока не узнаю.

Итак: подчеркивание не следует путать с нижней границей.

Ответ 9

Чтобы обеспечить еще одну перспективу проблемы (как это было сделано из заголовка/содержимого исходного сообщения):

Если вы хотите отследить, что создает подчеркивание изгоев в вашем HTML, используйте инструмент отладки. Есть много вариантов:

Для Firefox есть FireBug;

Для Opera есть Dragonfly ( "Инструменты разработчика" в меню "Инструменты → Дополнительно", по умолчанию - Opera);

Для IE есть "панель инструментов разработчика Internet Explorer", которая является отдельной загрузкой для IE7 и ниже и интегрирована в IE8 (нажмите F12).

Я понятия не имею о браузерах Safari, Chrome и других меньшинствах, но в любом случае у вас должно быть хотя бы одно из трех выше на вашем компьютере.

Ответ 10

Если вы хотите использовать якорный тег просто как ссылку без добавления стиля (например, подчеркивание при наведении или синем цвете), добавьте class="no-style" в тег привязки. Затем в вашей глобальной таблице стилей создайте класс "no-style".

.no-style { text-decoration: none !important; }

Это имеет два преимущества.

• Это не повлияет на все теги привязки, только те, у которых добавлен класс "no-style".
• Он переопределит любой другой стиль, который в противном случае мог бы препятствовать установке text-decoration в none.

Ответ 11

Не забудьте также включить таблицы стилей, используя тег ссылки

http://www.w3schools.com/TAGS/tag_link.asp

Или добавьте CSS в тег стиля на своей веб-странице.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

Я бы не рекомендовал использовать подчеркивание ни на чем, кроме ссылок, подчеркивание обычно принято как нечто, которое можно щелкнуть. Если он не доступен, не подчеркивайте его.

Основы CSS можно найти в w3schools

Ответ 12

<u>

- устаревший тег.

Использование...

<span class="underline">My text</span>

с файлом CSS, содержащим...

span.underline
{
    text-decoration: underline;
}  

или просто...

<span style="text-decoration:underline">My Text</span>

Ответ 13

Используйте свойство css,

text-decoration:none;

Чтобы удалить подчеркивание из ссылки.

Ответ 14

Подчеркивание может быть удалено с помощью CSS-свойства text-decoration:none; Есть много других значений текстового оформления, которые могут помочь вам конструировать ссылки.