Удалить упорное подчеркивание ссылки - PullRequest
Новая
       53

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

473 голосов
/ 07 мая 2010

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

.boxhead .otherPage {
  color: #FFFFFF;
  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>

Как я могу удалить синее подчеркивание со ссылки?

Ответы [ 15 ]

1 голос
/ 12 июля 2018

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

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

в моем коде. По сути, какой бы ни была ссылка, цвет текста становится синим, а ссылка остается любой.

Итак, я добавил код в конец заголовка так: 

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

и проблемы больше нет.

1 голос
/ 22 сентября 2016

Просто используйте свойство 

border:0;

и вы прикрыты. Отлично сработало для меня, когда свойство text-украшение вообще не работает.

0 голосов
/ 26 июня 2019

Поставьте следующий HTML-код перед тегом <BODY>:

<STYLE>A {text-decoration: none;} </STYLE>

0 голосов
/ 22 июня 2018

Вы использовали текстовое оформление нет в неправильном селекторе. Вам нужно проверить, какой тег вам нужен для украшения нет.

Вы можете использовать этот код 

.boxhead h2 a{text-decoration: none;}

OR 

.boxhead a{text-decoration: none !important;}

OR 

a{text-decoration: none !important;}
0 голосов
/ 08 марта 2017

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

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

Код: 

 lbmmr1.Attributes.Add("style", "text-decoration: none;")
Страница:
...