wordpress 表格插件 Wpforms 一行两列布局表单无法点击和输入解决方法

Wpforms 是一款非常简单易用的表单构建插件,通过它我们能够直观的拖拉操作,就可以创建非常美观实用的在线表单。Wpforms 可以创建各种各样的表单,包括联系表单、注册表单、电子邮件订阅表单、付款表单和询价表单等等。

在使用 Wpforms 创建表单时,默认是单列式布局方式,每行一个字段内容。

图片[1]-wordpress 表格插件 Wpforms 一行两列布局表单无法点击和输入解决方法-ABC吧

如果想要设置单行双列式布局表单,我们可以在字段高级选项中进行设置。首先选中表单字段,然后在左侧字段选项中选择“高级”,然后在下面的 CSS 类选择两列布局,然后选择左侧列即可。接下来,在右侧表单中选中下一个字段,然后在高级设置的 CSS 类中选择右侧列。

经过上面的步骤,就完成了两列布局设置。但是在设置后,如果预览表单内容,经常会发生双列布局表单无法点选,也无法输入内容的情况。但是下方的单列布局字段,可以正常的选择和输入内容。

解决这个问题的方法非常简单,只需要导航到仪表盘->外观->自定义->额外 CSS 中,然后添加下面的自定义 CSS 规则即可:

 

wordpress 表格插件 Wpforms 一行两列布局表单无法点击和输入解决方法-ABC吧
wordpress 表格插件 Wpforms 一行两列布局表单无法点击和输入解决方法
此内容为付费阅读,请付费后查看
300积分
付费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容