<penantic> Вы никогда не сможете предположить, как браузер будет отображать ваш HTML. тег отображает привязку, которую браузер выбирает для подчеркивания по умолчанию. Вы - единственный подчеркивающий тег. ответы ниже - ответы CSS </ pendantic>
мертвый аккаунт
44
Ирония в том, что кто-то достаточно педантичен, чтобы сделать этот комментарий, но не настолько педантичен, чтобы правильно (или даже последовательно!) Произносить слово, поражает меня.
Технеций
В дополнение к ответам, приведенным ниже, a:hoverследует учитывать обработку, большинство популярных браузеров, как правило, при наведении курсора показывают подчеркивание на якорях.
Fr0zenFyr
Ответы:
517
Используйте CSS. это удаляет подчеркивания aи uэлементы:
a, u {
text-decoration: none;}
Иногда вам нужно переопределить другие стили для элементов, и в этом случае вы можете использовать !importantмодификатор в вашем правиле:
Если color: black !important;будет добавлено для body, будет ли это также устанавливать все элементы, включая якоря, посещенные якоря, зависшие якоря всегда черными?
Ωmega
Ωmega Δ, по-видимому, нет, и благодаря тому, что вы указали на это, я обнаружил ошибку в общем теле. Я обновил свой ответ.
Эмиль Викстрем
Я обнаружил, что если вы устанавливаете стиль text-decoration: none !important;для bodyэлемента, то он работает для якорей только тогда, когда вы явно устанавливаете стиль text-decoration: inherit;для aэлементов.
Ωmega
7
Как правило, лучше избегать !importantи использовать специфичность и мощность для переопределения стилей, в противном случае вы можете получить полную таблицу стилей !importantбез какого-либо понимания структуры, которая делает это необходимым. Это кодовый запах IMO.
Майк Лайонс
!importantэто как иметь ядерное оружие. Но как только вы начинаете и соблазняетесь использовать !importantдругие элементы, вы можете получить его (ядерное оружие), и преимущество исчезает в пользу тупика, что очень хорошо для мира, поскольку MUD обеспечивает мир, а в мире css такой мир означает, что вы не можете дать что-то преимущество.
Конечно, смешивать 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";}
Чтобы представить другую точку зрения на проблему (как следует из заголовка / содержания исходного сообщения):
Если вы хотите отследить, что создает мошеннические подчеркивания в вашем HTML, используйте инструмент отладки. Есть из чего выбрать:
Для Firefox есть FireBug;
Для Opera есть Dragonfly (она называется «Инструменты разработчика» в меню «Инструменты» -> «Дополнительно»; по умолчанию поставляется с Opera);
Для IE есть «Панель инструментов разработчика Internet Explorer», которая является отдельной загрузкой для IE7 и ниже и интегрирована в IE8 (хит F12).
Я не имею представления о браузерах Safari, Chrome и других меньшинствах, но вам все равно, вероятно, следует иметь хотя бы один из трех приведенных выше на вашем компьютере.
Если вы хотите использовать тег привязки просто как ссылку без добавления стиля (например, подчеркивание при наведении или синий цвет), добавьте class="no-style"тег привязки. Затем в вашей глобальной таблице стилей создайте класс «без стиля».
.no-style {
text-decoration: none !important;
}
Это имеет два преимущества.
Это не повлияет на все теги привязки, только те, к которым добавлен класс «без стиля».
Он переопределит любой другой стиль, который в противном случае может помешать установке текста-декорации в значение none.
Или заключите CSS в тег стиля на своей веб-странице.
<style>
a {text-decoration:none;}
p {text-decoration:underline;}</style>
Я бы не рекомендовал использовать подчеркивание на чем-либо, кроме ссылок, подчеркивание обычно воспринимается как нечто, на которое можно нажимать. Если это не кликабельно, не подчеркивайте это.
a:hover
следует учитывать обработку, большинство популярных браузеров, как правило, при наведении курсора показывают подчеркивание на якорях.Ответы:
Используйте CSS. это удаляет подчеркивания
a
иu
элементы:Иногда вам нужно переопределить другие стили для элементов, и в этом случае вы можете использовать
!important
модификатор в вашем правиле:источник
color: black !important;
будет добавлено дляbody
, будет ли это также устанавливать все элементы, включая якоря, посещенные якоря, зависшие якоря всегда черными?text-decoration: none !important;
дляbody
элемента, то он работает для якорей только тогда, когда вы явно устанавливаете стильtext-decoration: inherit;
дляa
элементов.!important
и использовать специфичность и мощность для переопределения стилей, в противном случае вы можете получить полную таблицу стилей!important
без какого-либо понимания структуры, которая делает это необходимым. Это кодовый запах IMO.!important
это как иметь ядерное оружие. Но как только вы начинаете и соблазняетесь использовать!important
другие элементы, вы можете получить его (ядерное оружие), и преимущество исчезает в пользу тупика, что очень хорошо для мира, поскольку MUD обеспечивает мир, а в мире css такой мир означает, что вы не можете дать что-то преимущество.CSS это
и
источник
Это удалит ваш цвет, а также подчеркнет, что тег привязки существует
источник
Самый простой вариант:
Конечно, смешивать CSS с HTML (т.е. встроенным CSS) не очень хорошая идея, особенно когда вы используете
a
теги повсюду.Вот почему лучше добавить это в таблицу стилей:
Или даже этот код в файле JS:
источник
Используйте CSS, чтобы удалить
text-decoration
с.источник
Лучший вариант для вас, если вы просто хотите удалить подчеркивание только из ссылки -
Это удалит подчеркивание.
Кроме того, вы можете использовать аналогичный синтаксис для манипулирования другими стилями, используя
Надеюсь это поможет!
PS- Это мой первый ответ!
источник
в моем случае было правило о наведении эффекта на якорь, например:
Конечно,
text-decoration:none;
не могли помочь в этой ситуации. И я провожу много времени, пока не узнаю об этом.Итак: подчеркивание не следует путать с границей.
источник
Когда-нибудь это будет переопределено некоторым рендерингом пользовательского интерфейса CSS Лучше использовать:
источник
Чтобы представить другую точку зрения на проблему (как следует из заголовка / содержания исходного сообщения):
Если вы хотите отследить, что создает мошеннические подчеркивания в вашем HTML, используйте инструмент отладки. Есть из чего выбрать:
Для Firefox есть FireBug;
Для Opera есть Dragonfly (она называется «Инструменты разработчика» в меню «Инструменты» -> «Дополнительно»; по умолчанию поставляется с Opera);
Для IE есть «Панель инструментов разработчика Internet Explorer», которая является отдельной загрузкой для IE7 и ниже и интегрирована в IE8 (хит F12).
Я не имею представления о браузерах Safari, Chrome и других меньшинствах, но вам все равно, вероятно, следует иметь хотя бы один из трех приведенных выше на вашем компьютере.
источник
Если вы хотите использовать тег привязки просто как ссылку без добавления стиля (например, подчеркивание при наведении или синий цвет), добавьте
class="no-style"
тег привязки. Затем в вашей глобальной таблице стилей создайте класс «без стиля»..no-style { text-decoration: none !important; }
Это имеет два преимущества.
источник
Не забудьте также включить таблицы стилей с помощью тега ссылки
http://www.w3schools.com/TAGS/tag_link.asp
Или заключите CSS в тег стиля на своей веб-странице.
Я бы не рекомендовал использовать подчеркивание на чем-либо, кроме ссылок, подчеркивание обычно воспринимается как нечто, на которое можно нажимать. Если это не кликабельно, не подчеркивайте это.
Основы CSS можно узнать в w3schools
источник
является устаревшим тегом.
Использование ...
с файлом CSS, содержащим ...
или просто...
источник
Используйте свойство css,
Удалить подчеркивание из ссылки.
источник
Подчеркивание может быть удалено с помощью свойства CSS, которое называется украшением текста.
Если вы хотите удалить подчеркивание для текста, присутствующего в элементах, отличных от a , следует использовать следующий синтаксис.
Есть много других значений оформления текста, которые могут помочь вам создавать ссылки.
источник
Я был обеспокоен этой проблемой в веб-печати и решил. Проверенный результат.
Оно работает!.
источник