2013-12-21 88 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

回答