Як видалити підкреслення для анкерів (посилань)?

Чи є все-таки (у CSS), щоб уникнути підкреслення тексту та посилань, що вводяться на сторінку ..?

Використовуйте CSS. це видаляє підкреслення aта uелементи:

a, u {
    text-decoration: none;
}

Іноді вам потрібно змінити інші стилі для елементів, і в цьому випадку ви можете використовувати !importantмодифікатор вашого правила:

a {
    text-decoration: none !important;
}

Css є

text-decoration: none;

і

text-decoration: underline;

Це видалить ваш колір, а також підкреслення, з яким існує тег прив’язки

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

Найпростіший варіант:

<a style="text-decoration: none">No underline</a>

Звичайно, змішування CSS з HTML (тобто вбудованим CSS) - це не дуже гарна ідея, особливо коли ви використовуєте aтеги всюди.
Ось чому корисно додати це замість таблиці стилів:

a {
    text-decoration: none;
}

Або навіть цей код у файлі JS:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

Використовуйте CSS для видалення text-decorations.

a {
    text-decoration: none;
}

Найкращий варіант для вас, якщо ви просто хочете видалити підкреслення лише із прив’язного посилання -

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

Це видалить підкреслення.

Далі ви можете використовувати подібний синтаксис для маніпулювання іншими стилями, також використовуючи-

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

Сподіваюсь, це допомагає!

PS - Це моя перша відповідь коли-небудь!

у моєму випадку було застосовано правило щодо ефекту наведення якоря якорем:

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

Звичайно, text-decoration:none;не міг допомогти у цій ситуації. І я витрачаю багато часу, поки не дізналася про це.

Отже: Підкреслення не слід плутати з межею внизу.

Іноді це буде замінено деяким візуалізацією CSS інтерфейсу. Краще використовувати:

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

Щоб надати іншу точку зору на проблему (як випливає з назви / змісту оригінальної публікації):

Якщо ви хочете відслідковувати, що створює негідні підкреслення у вашому HTML, скористайтеся інструментом налагодження. Є з чого вибрати:

Для Firefox є FireBug;

Для Opera є Dragonfly (називається "Інструменти для розробників" в меню Інструменти-> Додаткові; за замовчуванням поставляється Opera);

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

Я не маю уявлення про Safari, Chrome та інші браузери меншин, але ви, мабуть, повинні мати хоча б одне із трьох вище на своїй машині.

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

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

Це має дві переваги.

1. Це не вплине на всі прив’язні теги, лише ті, до яких додано клас "без стилю".
2. Це скасує будь-який інший стиль, який інакше може перешкоджати встановленню декору тексту.

Не забудьте або включити таблиці стилів, використовуючи тег посилання

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

Або додайте CSS до тегу стилю на своїй веб-сторінці.

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

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

Основи CSS можна знайти в школах w3

<u>

є застарілим тегом.

Використовувати ...

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

з файлом CSS, що містить ...

span.underline
{
    text-decoration: underline;
}  

або просто ...

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

Використовувати властивість css,

text-decoration:none;

Щоб видалити підкреслення зі посилання.

Підкреслення може бути видалено властивістю CSS, що називається прикрасою тексту.

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

Якщо ви хочете видалити підкреслення тексту, присутнього в інших елементах, ніж a , слід використовувати наступний синтаксис.

<style>
element-name{
text-decoration:none;
}
</style>

Існує багато інших значень для декорування тексту, які можуть допомогти вам створити посилання.

Мене хвилює ця проблема в веб-друку і вирішена. Перевірений результат.

a {
    text-decoration: none !important;
}

Це працює!.