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

Elementor中.elementor-kit-8提交按钮文字与背景色相同不可见,求解决方案

解决Elementor提交按钮文字与背景同色的问题

方法一:直接修改单个按钮样式

  • 打开Elementor编辑器,找到页面里的提交按钮元素并点击编辑
  • 切换到「样式」标签,找到「文字颜色」选项,挑选和背景色反差大的颜色
  • 同时确认「背景颜色」的设置,保证两者区分明显
  • 保存设置后刷新页面查看效果

方法二:修改全局工具包样式

  • 进入WordPress后台,点击「Elementor」→「站点设置」
  • 在「按钮」或「表单」设置板块里,找到全局提交按钮的样式配置
  • 调整文字颜色和背景色,确保足够的对比度
  • 保存更改后,全站对应按钮的样式会同步更新

方法三:用自定义CSS强制覆盖样式

如果前两种方法没生效,可通过自定义CSS强制修改:

.elementor-kit-8 input[type="submit"] {
    color: #ffffff !important; /* 可替换为你需要的文字颜色代码 */
    background-color: #2c3e50 !important; /* 可替换为你需要的背景颜色代码 */
}
  • 进入WordPress后台「外观」→「自定义」→「额外CSS」
  • 粘贴上述代码,替换颜色代码为你需要的对比色
  • 发布更改后刷新页面即可

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.03 21:05:18