Удалить упорное подчеркивание ссылки

Я пытаюсь показать ссылку в белом, без подчеркивания. Цвет текста отображается корректно, как белые, но синее подчеркивание упорно сохраняющееся. Я попробовал text-decoration: none; и text-decoration: none !important; в CSS, чтобы удалить ссылку underline. Ничего не сработало.

HTML:

 

Current Page Different Page

CSS:

 .boxhead .otherPage { color: #FFFFFF; text-decoration: none; } 

Как удалить синюю ссылку из ссылки?

    Как я и ожидал, вы не применяете 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)

    Просто добавьте этот атрибут в свой якорный тег

    style="text-decoration:none;"

    Пример:

      

    Или используйте способ CSS.

     .classname a { color: #FFFFFF; text-decoration: none; } 

    Иногда то, что вы видите, это тень 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;") 
    Давайте будем гением компьютера.