как переопределить 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 установлен, чтобы найти ребенок (.button) от # тса встраиваемых подписок. Когда они действительно, это то же самое, что кнопка имеет класс и идентификатор.

Вобще:

#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

Просто добавьте «важное» в обоих местах, это сработало для меня.

Например:

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

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

Вы можете увидеть его вживую на this blog.

Просто нажмите на любое сообщение и посмотрите на боковую панель для редизайна в действии.

Надеюсь, это поможет.