从 Mailchimp 设计注册表单 -> 有些东西不起作用

Posted 2023-03-24

【中文标题】从 Mailchimp 设计注册表单 -> 有些东西不起作用

【英文标题】：Styling sign-up form from Mailchimp -> some things don't work

【发布时间】：2021-11-16 03:44:08

【问题描述】：

网址：https://bucksfoodpartnership.org/newsletter-sign-up/

目前，根据 Mailchimp 的默认设置，表单具有以下填充：10px 0 10px 3%

代码是

#mc_embed_signup form display:block; position:relative; text-align:left; padding:10px 0 10px 3%

但是当我将整个字符串添加到我的自定义 Css 并将 3% 更改为即 0 时 - 没有任何反应。

我确实设法覆盖了该表单中的其他元素，例如为我添加的订阅按钮设置样式：

#mc_embed_signup input.button 
    font-size: 1.125rem;
    background: #FD9915;
    padding: 10px 15px;
    width: auto;
    text-transform: uppercase;
    transition: 0.2s;
    height: 51px;
    border-radius: 0;

而且它有效。但是尝试使按钮居中不再起作用。

我也想将电子邮件输入表单居中，但 #mc_embed_signup input 和 #mc_embed_signup input.email 都不起作用...我在那里缺少什么？

【参考方案1】：

您可以使用 !important 属性覆盖默认 css

【讨论】：

omg 这么明显的解释，谢谢