Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何从文本超链接中删除下划线?_Jquery_Html_Css_Mouseover_Underline - Fatal编程技术网

Jquery 如何从文本超链接中删除下划线?

Jquery 如何从文本超链接中删除下划线?,jquery,html,css,mouseover,underline,Jquery,Html,Css,Mouseover,Underline,我的css文件有问题,我使用了以下代码: text-decoration: none; 但它仍然对文本没有影响,出于某种原因,我不得不使用java脚本作为文本后面的href链接。但是我想是的,因为这个问题,文本装饰对文本没有影响。 甚至我也不能在文本上使用不同的颜色,比如鼠标悬停在颜色上 以下是代码: $(function() { $('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>')

我的css文件有问题,我使用了以下代码:

text-decoration: none;
但它仍然对文本没有影响,出于某种原因,我不得不使用java脚本作为文本后面的href链接。但是我想是的,因为这个问题,文本装饰对文本没有影响。 甚至我也不能在文本上使用不同的颜色,比如鼠标悬停在颜色上

以下是代码:

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

用这个

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

.maincaptionsmall a {
    text-decoration: none;
}
标签的CSS

标签的CSS


我看到它在IE9+和Chrome 14+上运行良好。希望有帮助:)

如果它是由于
JS
函数引起的,那么您可以尝试在ur JS中使用内联css

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

@Amin:我在你的slides2.css中看到一行像
a.maincaptionsmall:link{text-decoration:none!important;}
。这是不正确的。该站点是否有您更新的CSS(或者)您是否正在尝试本地更改?@Harry NP。我们是来帮忙的,你也在帮忙。完成了,伙计。首先,我添加了无!很重要,所以什么也没发生,这就是为什么我把它改成了!重要提示:-)现在,这并不重要,因为我得到了解决方案-js函数中的pinline css也不起作用。最好的方法是对span标记使用css。无论如何,谢谢你的帖子。regards@Amin:我怀疑您是否尝试过JS中的内联css??因为这里有现场演示和它的工作酷!!是的,你是对的,实际上我已经测试过了,但可能是因为我的浏览器的钱,我没有看到它,现在我又检查了一遍,它工作了。。thnx buddy:-)@Amin:欢迎你,我们会给你一点鼓励,但如果你投赞成票或标上答案,我想tushar gupta已经回答了
.maincaptionsmall a {
    text-decoration: none;
}
a {text-decoration: none;}
a:hover {color: yellow;}
.maincaptionsmall a {text-decoration: none;}
.maincaptionsmall a:hover {color: yellow;}
$(function() 
{
$('.maincaptionsmall').wrapInner('<a style="text-decoration:none;" href="http://google.com"></a>');
});