Как удалить подчеркивание для якорей (ссылки)?
Вопрос
Есть ли в любом случае (в 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-decoration
с
a {
text-decoration: none;
}
Иногда это будет отменять с помощью некоторых рендеринговых пользовательских CSS. Лучше использовать:
a.className {
text-decoration: none !important;
}
Лучший вариант для вас, если вы просто хотите удалить подчеркивание только из якорной ссылки
#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;
не мог помочь в этой ситуации. И я провожу много времени, пока не узнал.
Итак: подчеркивание не следует путать с пограничным дном.
Чтобы предоставить другую перспективу этой проблеме (как выводится из заголовка/содержимого оригинального поста):
Если вы хотите отследить то, что создает Rogue подчеркивает в вашем HTML, используйте инструмент отладки. Есть из чего выбирать:
Для Firefox есть Firebug;
Для Opera есть Dragonfly (называется «инструменты разработчика» в меню «Инструменты»; по умолчанию поставляется с оперой);
Для IE есть «панель инструментов Developer Developer Explorer», которая является отдельной загрузкой для IE7 и ниже, и интегрирована в IE8 (HIT F12).
Я понятия не имею о Safari, Chrome и других браузерах меньшинств, но вы, вероятно, должны иметь хотя бы один из трех выше на вашей машине.
Если вы хотите использовать якорную метку просто в качестве ссылки без дополнительного стиля (например, подчеркивание на пансионере или синем цвете) добавить class="no-style"
к якорному тегу. Затем в вашей глобальной таблице стиля создайте класс «без стиля».
.no-style {
text-decoration: none !important;
}
Это имеет два преимущества.
- Это не повлияет на все якорные теги, только те, которые с классом «без стиля» добавлены к ним.
- Он будет переопределять любой другой стиль, который в противном случае может помешать установлению текстового декорации на никто.
Не забудьте либо включить таблицы стилей, используя тег ссылки
http://www.w3schools.com/tags/tag_link.asp
Или приложите CSS в тег стиля на вашей веб -странице.
<style>
a { text-decoration:none; }
p { text-decoration:underline; }
</style>
Я бы не рекомендовал использовать подчеркивание на чем -либо, кроме ссылок, подчеркивается, как правило, считается чем -то, что кликабельно. Если это не кликабельно, не подчеркивайте это.
Основы CSS можно поднять в W3Schools
<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>
Если вы хотите удалить подчеркивание для текста, присутствующего в элементах, кроме а, следует использовать следующий синтаксис.
<style>
element-name{
text-decoration:none;
}
</style>
Есть много других Текстовое декорация Значения, которые могут помочь вам разработать ссылки.
Я был обеспокоен этой проблемой в веб -печати и решена. Проверенный результат.
a {
text-decoration: none !important;
}
Оно работает!.