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
相关产品推荐
相关产品推荐

