📅  最后修改于: 2023-12-03 15:37:18.768000             🧑  作者: Mango
在 Caldera Forms 中,要在表单选择字段上插入 V 形需要做一些调整。本文将介绍如何用 PHP 在 Caldera Forms 的选择字段上插入 V 形。
打开 WordPress 后台,进入 Caldera Forms 设置页面。
在左侧菜单中选择 “创建新表单” 按钮,创建一个新的表单。
添加选择字段到表单中,在选项中设置选项值和标签。
在表单设置页面中,找到 “添加自定义 CSS” 选项。
在 CSS 编辑器中输入以下代码:
.caldera-grid .caldera-grid-field select {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2 6.5l6 6 6-6H2z"/></svg>');
background-repeat: no-repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
}
单击 “保存” 按钮以保存更改。
现在,在选择字段中将出现一个 V 形。
以上就是在 Caldera Forms 的表单选择字段上插入 V 形的步骤。请根据您的需求进行修改。