Удалить упорное подчеркивание ссылки
Я пытаюсь показать ссылку в белом, без подчеркивания. Цвет текста отображается корректно, как белые, но синее подчеркивание упорно сохраняющееся. Я попробовал text-decoration: none; и text-decoration: none !important; в CSS, чтобы удалить ссылку underline. Ничего не сработало.
HTML:
Current Page Different Page
CSS:
- Как я могу сделать ссылку на клики в NSAttributedString?
- C # regex pattern для извлечения URL-адресов из заданной строки - не полный URL-адрес html, но также и ссылки
- Изменить цвет текста в тексте TextView и щелкнуть?
- Откройте внешние ссылки в браузере с веб-браузером Android
- jQuery отключить ссылку
.boxhead .otherPage { color: #FFFFFF; text-decoration: none; }
Как удалить синюю ссылку из ссылки?
- Пример использования гиперссылки в WPF
- Как создать прямую ссылку на любую коробку fancybox
- html ссылки не работают (с использованием base href)
- Как создать ссылки в текстовом клиенте?
- Facebook share link - можете ли вы настроить текст сообщения?
- Связывание значения столбца в jqGrid с новой страницей с помощью GET
- Как добавить гиперссылку в JLabel
- Как ссылаться на метод в javadoc?
Как я и ожидал, вы не применяете text-decoration: none; к якорю (.boxhead a), но к элементу span (.boxhead).
Попробуй это:
.boxhead a { color: #FFFFFF; text-decoration: none; }
Якорный тег (ссылка) также имеет псевдоclassы, такие как посещенные, зависающие, ссылки и активные. Убедитесь, что ваш стиль применяется к состоянию (состояниям), о котором идет речь, и что никакие другие стили не конфликтуют.
Например:
a:hover, a:visited, a:link, a:active { text-decoration: none; }
См. W3.org для получения дополнительной информации о псевдоclassах действий пользователя: hover ,: active и: focus.
text-decoration: none !important должен удалить его. Вы уверены, что нет border-bottom: 1px solid скрывается? (Отметьте вычисленный стиль в Firebug / F12 в IE)
Иногда то, что вы видите, это тень windows, а не текст подчеркивания.
Попробуйте это (с помощью каких-либо селекторов CSS вам подходит):
a:hover, a:visited, a:link, a:active { text-decoration: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }
Вы пропустили text-decoration:none для метки привязки . Поэтому код должен следовать.
.boxhead a { text-decoration: none; }
Current Page Different Page
Не видя страницы, трудно спекулировать.
Но это звучит так, как будто у вас может быть border-bottom: 1px solid blue; применяется. Возможно, добавьте border: none; , text-decoration: none !important правильно, возможно, у вас есть другой стиль, который все еще отменяет CSS.
Именно здесь использование Firefox Web Developer Toolbar является потрясающим, вы можете отредактировать CSS прямо там и посмотреть, все ли работает, по крайней мере для Firefox. Это находится под CSS > Edit CSS .
Как правило, если ваш «подчеркивание» не совпадает с цветом вашего текста [и «color:» не переопределяется inline], это не происходит из «text-decoration:» Это должно быть «border-bottom:»
Не забудьте взять границу с ваших псевдоclassов!
a, a:link, a:visited, a:active, a:hover {border:0!important;}
Этот fragment принимает на якорь, соответственно меняет его оболочку … и использует специфику вместо «! Important» после того, как вы отследите основную причину.
В то время как другие ответы верны, есть простой способ избавиться от подчеркивания на всех этих досадных ссылках:
a { text-decoration:none; }
Это приведет к удалению подчеркивания с КАЖДОЙ ОДНОЙ СВЯЗИ на вашей странице!
Просто используйте свойство
border:0;
и вы охвачены. Работала идеально для меня, когда свойство text-decoration не работает вообще.
Ни один из ответов не работал для меня. В моем случае был стандарт
a:-webkit-any-link { text-decoration: underline;
в моем коде. В принципе, какая бы связь ни была, цвет текста становится синим, а ссылка остается на все, что есть.
Поэтому я добавил код в конце заголовка следующим образом:
a:-webkit-any-link { text-decoration: none; }
и проблема не более.
Если text-decoration: none или border: 0 не работает, попробуйте применить встроенный стиль в свой html.
Вы использовали текстовое украшение в неправильном селекторе. Вам нужно проверить, какой тег вам нужен для украшения.
Вы можете использовать этот код
.boxhead h2 a{text-decoration: none;}
ИЛИ
.boxhead a{text-decoration: none !important;}
ИЛИ
a{text-decoration: none !important;}
Вот пример элемента управления веб-формами asp.net LinkButton:
Код позади:
lbmmr1.Attributes.Add("style", "text-decoration: none;")