【发布时间】：2014-01-10 13:08:06
【问题描述】：
我在网站上的一个元素中添加了文本阴影，现在我尝试在您按下按钮时将该元素的文本阴影更改为另一种颜色，以便我可以选择我想要的颜色。
$(".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;}
我在这里做错了什么？当我按下按钮时，我什么也没发生。
【问题讨论】：
-
你能对这个问题做一个 jsfiddle 以便我们能更好地理解你的意思吗？
-
当您使用 jQuery.css() 方法时，它会内联插入样式。这种行为的原因可能是它们对浏览器的优先级高于 .colorMe 类中定义的样式。在开发者工具中查看
-
@SeanDoe 我不同意你的看法。它应该仍然有效。
-
OP 给你：jsfiddle.net/Hm6W6/1 ...你忘记包含 jquery 并且不知道为什么你在 js 中打开和关闭大括号
-
是的，以前从未使用过 jsfiddle，所以我有点不知道该怎么做。