Mailchimp订阅表单无法继承网站样式且按钮边框不显示问题排查

问题根源在于你仅设置了border-width和border-color，但未指定border-style——CSS中边框默认样式为none，即便设置了宽度和颜色，边框也不会被渲染出来。

修改后的CSS代码 #

#mc-embedded-subscribe { 
    border-width: 10px !important;
    border-color: #ffff00 !important;
    border-style: solid !important; /* 新增这行，是边框显示的核心 */
    border-radius: 0.3rem !important;     
    background-color: #e30f11 !important;
    color: #121212 !important;     
    font-family: proxima-nova, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 1rem !important;
    text-transform: none !important;
    line-height: 1.2em !important;
    letter-spacing: 0em !important;
}

#mc-embedded-subscribe:hover { 
    border-color: #ffffff !important;
    border-width: 1px !important;
    border-style: solid !important; /* 显式声明，避免样式继承异常 */
}

补充说明 #

• border-style: solid是边框可见的必要条件，它定义了边框的线型（这里用实线），默认的none会直接隐藏边框。
• 虽然hover状态理论上会继承初始的border-style，但显式添加可以规避Mailchimp默认样式或Payhip全局样式的潜在覆盖问题，确保边框始终正常显示。

内容的提问来源于stack exchange，提问作者Johnny Wu