Html 如何替换mailchimp CSS嵌入代码中的按钮样式？

我不知道如何更改Mailchimp的嵌入CSS中的按钮样式或位置，如下所示：

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" 
type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style 
block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. 
*/
</style>
<div id="mc_embed_signup">
<form action="https://7grainarmy.us2.list-manage.com/subscribe/post? 
u=e6f00f0dccb61295ecf1b51c4&amp;id=ebaa28ce5c" method="post" id="mc-embedded-subscribe-form" 
name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">email address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
    <div class="response" id="mce-error-response" style="display:none"></div>
    <div class="response" id="mce-success-response" style="display:none"></div>
</div>    <!-- real people should not fill this in and expect good things - do not remove 
this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" 
name="b_e6f00f0dccb61295ecf1b51c4_ebaa28ce5c" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded- 
subscribe" class="button"></div>
</div>
</form>
</div>

#mc_embed_注册{背景：fff；清除：左；}
/*在站点样式表或此样式中添加您自己的Mailchimp表单样式替代
块
我们建议将此块和前面的CSS链接移动到HTML文件的头部。
*/
电子邮件地址*

-- 首先，我想把按钮移到中间，我想用一个可点击的图像来替换这个按钮，因为我有一个我想使用的样式化按钮。我该怎么做？我正在Wordpress上使用电子滑块革命插件，这是我正在开发的网站：

---

谢谢大家!

下面添加自定义css以居中显示按钮和注释，用于添加bg样式：

#mc_embed_注册{背景：fff；清除：左；}
/*在站点样式表或此样式中添加您自己的Mailchimp表单样式替代
块
我们建议将此块和前面的CSS链接移动到HTML文件的头部。
*/
#mc_嵌入_注册按钮{
/*中央按钮*/
保证金：自动；
显示：块；
/*在此处添加其他bg覆盖样式*/
}
电子邮件地址*

到目前为止，您是如何尝试设置按钮的样式的（在“带类的div”按钮中似乎是这样），例如，您是否尝试过设置其背景图像？谢谢！但这对按钮居中不起作用，你知道可能出了什么问题吗？或者有其他方法可以尝试吗？页面上一定有其他样式的冲突。当我“运行代码段”时，按钮在这里居中。