You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

请求修改Virtuous嵌入表单样式:适配黑色背景及元素样式调整

自定义Virtuous嵌入表单样式的解决方案

由于嵌入的Virtuous表单默认样式和黑色背景页面不兼容,你可以通过添加自定义CSS覆盖默认样式,实现需求的修改:

/* 修改"Join our mailing list"标题颜色为白色 */
.virtuous-form h2 {
    color: #ffffff !important;
}

/* 将表单标签改为白色,并增加与输入字段的内边距 */
.virtuous-form label {
    color: #ffffff !important;
    padding-bottom: 8px;
}

/* 增加输入字段与标签的间距,优化视觉层次 */
.virtuous-form input[type="text"],
.virtuous-form input[type="email"] {
    margin-top: 4px;
}

/* 修改提交按钮背景色为#e85d2f */
.virtuous-form button[type="submit"] {
    background-color: #e85d2f !important;
    border-color: #e85d2f !important;
    /* 可选:将按钮文字改为白色,提升深色按钮的可读性 */
    color: #ffffff !important;
}

使用说明:

  • 将这段CSS代码添加到页面的自定义样式区域(比如主题的自定义CSS设置、页面头部的<style>标签内)
  • 如果默认选择器不生效,可通过浏览器开发者工具(F12)定位表单元素的具体类名,调整CSS选择器的针对性
  • !important用于强制覆盖Virtuous嵌入脚本自带的样式,确保自定义样式生效

内容的提问来源于stack exchange,提问作者Creativa Graphics

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 02:25:00