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

Question

У меня проблема в моем файле CSS, я использовал следующий код:

text-decoration: none; 

Но до сих пор он не имеет влияние на тексте, по какой-то причине мне пришлось использовать Java Script для HREF ссылки за текстом. Но я думаю, что из-за этой проблемы оформление текста не влияет на текст. Даже я не могу использовать другой цвет в тексте, например, наведите указатель мыши на цвет.

Вот код:

$(function() 
{ 
$('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>'); 
}); 

и вот HTML код:

<span class="maincaptionsmall">Home</span> 

Для вашей информации я использовал оформления текста и нет даже встроенный в HREF кода, но это не имеет эффекта.

Вы можете проверить эту ссылку, чтобы увидеть страницу: [ссылка] http://www.malayatourism.com/thisistest/testnowjobdoneperfectlywork/

Я собираюсь удалить подчеркивание из дома текста и использовать различные цвета для мыши над чем-то вроде этого:

:hover { color: yellow; } 

Заранее спасибо.

Answer 1

Используйте этот

.maincaptionsmall a {text-decoration:none;} 
.maincaptionsmall a:hover {color: yellow;} 

Answer 2

Попробуйте правило

.maincaptionsmall a { 
    text-decoration: none; 
} 

Answer 3

CSS для < A> Тег

a {text-decoration: none;} 
a:hover {color: yellow;} 

CSS для < SPAN> тегов

.maincaptionsmall a {text-decoration: none;} 
.maincaptionsmall a:hover {color: yellow;} 

Я вижу, что он хорошо работает на IE9 + и Chrome 14+. Надеется, что помощь :)

Answer 4

Если его сог из-за JS функции, то вы можете попробовать использовать встроенный CSS в Уре JS

$(function() 
{ 
$('.maincaptionsmall').wrapInner('<a style="text-decoration:none;" href="http://google.com"></a>'); 
});