如何覆蓋mailchimp按鈕CSS

Question

我試圖重寫郵件黑猩猩CSS 如果添加了內聯CSS像

<input type="submit" value="SUBSCRIBE" background: #111; name="subscribe" id="mc-embedded-subscribe" class="button"> 

這是工作的罰款。

在這種情況下，我無法使用：與mc-embedded-subscribe一起懸停。 我的意思是，如果我寫

#mc-embedded-subscribe .button { 
    background: #222; 
} 

這不是工作，也

#mc-embedded-subscribe input.button { 
    background: #222; 
} 

不工作。

請讓我知道如何使懸停顏色變化在mailchimp訂閱按鈕，

感謝

Answer 1

嘗試增加!important，以確保您的background規則沒有被覆蓋。其他更高版本specificity您的CSS將被忽略。

#mc-embedded-subscribe:hover { 
    background: #222 !important; 
} 

Answer 2

您的CSS代碼設置爲查找＃mc-embedded-subscribe的子項（.button）。實際上，它們與按鈕有一個類和ID相同。

只要做到：

#mc-embedded-subscribe { 
    background: #111; 
} 

#mc-embedded-subscribe:hover { 
    background: #555; 
} 

在這裏看到：http://jsfiddle.net/UteLC/3/

如果不工作，你可能需要添加!important讓你的CSS覆蓋默認MailChimp CSS是這樣的：

#mc-embedded-subscribe:hover { 
    background: #555!important; 
} 

Answer 3

只要在兩個地方加上「！important」，它對我都有效。

例如：

#mc-embedded-subscribe { 
    background: #111!important; 
} 

#mc-embedded-subscribe:hover { 
    background: #555!important; 
} 

您可以在現場this blog看到它。

只需點擊任何帖子，然後查看側欄中的重新設計即可。

希望這會有所幫助。