Gravity Forms - 带有单独描述的单选按钮 [英] Gravity Forms - Radio buttons with individual descriptions

问题描述

我有一些单选按钮需要为每个选项提供文字说明，以便用户知道他们在选择什么.

I have some radio buttons that need text descriptions for each choice so users know what they are choosing.

我想为每个可以接受 HTML 的单选按钮选项在单选按钮选项中添加一个输入字段.这然后需要显示在每个无线电列表项中.我曾尝试简单地将详细信息添加到下方的 HTML 区域，但这不适用于移动屏幕，因为详细信息与收音机选项无关，因此在调整屏幕大小时不会出现在每个收音机下方.

I would like to add an input field in the radio buttons options for each radio button option that can accept HTML. This then needs to be displayed within each radio list item. I've tried simply adding the details to a HTML area underneath, but this is not suitable for mobile screens as the details are independant from the radio choices and so do not appear under each radio when the screen is re-sized.

推荐答案

您是否考虑在 Radio Button 标签中包含描述?如果您像这样配置每个选项标签:

Have you considered including the description inside the Radio Button label? If you configure each choice label like so:

<div>首选</span><span>这是说明.</div>

您可以使用以下 CSS 设置样式:

You could style it with the following CSS:

.ginput_container_radio input {
    vertical-align: bottom;
}

.ginput_container_radio label span {
    display: block;
}

.ginput_container_radio label span:nth-child(2) {
    opacity: 0.6;
    font-size: 0.9em;
}

它看起来像这样:

这篇关于Gravity Forms - 带有单独描述的单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！