2013-12-21 54 views
-3

我为网站上的一个元素添加了文字阴影,现在我试图将按钮上的文字阴影从这个元素改变为另一种颜色,这样我就可以选择我想要的颜色了。jQuery用按钮改变文字阴影

$(".more").css("textShadow","0 0 10px #F00").css("color","#000").attr('id', 'green'); 

所以,我想这一点:

jQuery的

$('#changeIt').click(function(){ 
     $('.more').toggleClass('colorMe'); 
    }); 

HTML

<input type="button" value="Change Color" id="changeIt" /> 

CSS

.colorMe{ text-shadow: 0 0 10px #F00 !important; } 
#green{text-shadow: 0 0 10px #00FF7F;} 

我在做什么错在这里?当我按下按钮时,我什么也没做。

+0

你可以做一个这个问题jsfiddle,所以我们可以更好地看到你的意思吗? – Sergio

+0

当您使用jQuery.css()方法时,它插入样式。这种行为的原因可能是它们比.colorMe类中定义的样式对浏览器的优先级更高。在开发人员工具中检查它 –

+0

@SeanDoe我不同意你的看法。它应该仍然有效。 – Ani

回答