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



text-decoration-style (10)

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

a {
   text-decoration:none;
}

Это приведет к удалению подчеркивания с КАЖДОЙ ОДНОЙ СВЯЗИ на вашей странице!

https://ffff65535.com

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

HTML:

<div class="boxhead">
    <h2>
        <span class="thisPage">Current Page</span>
        <a href="myLink"><span class="otherPage">Different Page</span></a>
    </h2>
</div>

CSS:

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

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


Вот пример элемента управления веб-формами asp.net LinkButton:

 <asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />

Код позади:

 lbmmr1.Attributes.Add("style", "text-decoration: none;")

Вы пропустили text-decoration:none для метки привязки . Поэтому код должен следовать.

.boxhead a {
    text-decoration: none;
}
<div class="boxhead">
    <h2>
        <span class="thisPage">Current Page</span>
        <a href="myLink"><span class="otherPage">Different Page</span></a>
    </h2>
</div>

Более стандартные свойства для текстового оформления


Если text-decoration: none или border: 0 не работает, попробуйте применить встроенный стиль в свой html.


Как правило, если ваш «подчеркивание» не совпадает с цветом вашего текста [и «color:» не переопределяется inline], это не происходит из «text-decoration:» Это должно быть «border-bottom:»

Не забудьте взять границу с ваших псевдоклассов!

a, a:link, a:visited, a:active, a:hover {border:0!important;}

Этот фрагмент принимает на якорь, соответственно меняет его оболочку ... и использует специфику вместо «! Important» после того, как вы отследите основную причину.


Как я и ожидал, вы не применяете text-decoration: none; к якорю (.boxhead a), но к элементу span (.boxhead).

Попробуй это:

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

Ни один из ответов не работал для меня. В моем случае был стандарт

a:-webkit-any-link {
text-decoration: underline;

в моем коде. В принципе, какая бы связь ни была, цвет текста становится синим, а ссылка остается на все, что есть.

Поэтому я добавил код в конце заголовка следующим образом:

<head>
  </style>
    a:-webkit-any-link {
      text-decoration: none;
    }
  </style>
</head>

и проблема не более.


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

style="text-decoration:none;"

Пример:

<a href="page.html"  style="text-decoration:none;"></a>

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

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

Якорный тег (ссылка) также имеет псевдоклассы, такие как посещенные, зависающие, ссылки и активные. Убедитесь, что ваш стиль применяется к состоянию (состояниям), о котором идет речь, и что никакие другие стили не конфликтуют.

Например:

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

См. W3.org для получения дополнительной информации о псевдоклассах действий пользователя: hover W3.org active и: focus.


text-decoration: none !important должен удалить его. Вы уверены, что нет border-bottom: 1px solid скрывается? (Отметьте вычисленный стиль в Firebug / F12 в IE)





underline