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

Question

Есть ли в любом случае (в CSS), чтобы избежать подчеркивания для текста и ссылок, представленных на странице ..?

Answer 1

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

a, u {
    text-decoration: none;
}

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

a {
    text-decoration: none !important;
}

Answer 2

CSS составляет

text-decoration: none;

и

text-decoration: underline;

Answer 3

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

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

Answer 4

Самый простой вариант такой:

<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";
}

Answer 5

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

a {
    text-decoration: none;
}

Answer 6

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

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

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

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

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

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

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

Answer 7

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

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

Answer 8

в моем случае было правило о наведении эффекта на якорь, например:

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

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

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

Answer 9

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

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

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

1. Это не повлияет на все теги привязки, только те, к которым добавлен класс "no-style".
2. Он переопределит любой другой стиль, который в противном случае может помешать установке текста-декорации на none.

Answer 10

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

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

Для Firefox есть FireBug;

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

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

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