radio-button - 重力形式 - 带有单独描述的单选按钮
问题描述
我有一些单选按钮,每个选项都需要文本描述,以便用户知道他们在选择什么。
我想为每个可以接受 HTML 的单选按钮选项在单选按钮选项中添加一个输入字段。这需要显示在每个单选列表项中。我尝试简单地将详细信息添加到下面的 HTML 区域,但这不适用于移动屏幕,因为详细信息与收音机选项无关,因此在调整屏幕大小时不会出现在每个收音机下方。
解决方案
您是否考虑过在单选按钮标签中包含描述?如果您像这样配置每个选项标签:
<div><span>First Choice</span><span>And this is the description.</div>
您可以使用以下 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;
}
它看起来像这样:
推荐阅读
- r - dplyr if_else,如果为假,则引用数据集中的另一列
- javascript - npm python-shell 不适用于电子
- javascript - 使用分页将 Ajax 控制器调用的结果分配给 select2
- r - R Studio错误:要替换的项目数不是替换长度的倍数
- algorithm - 给定两个集合,其元素数量分别为 a , b 。任何子集都可以有来自 A 的 2 个元素和来自 B 的 1 个元素,反之亦然
- regex - 带有多个正则表达式的 Kotlin .split()
- java - 如何返回另一个类调用的数组?
- android - 为什么我在线程中收到 java.lang.NullPointerException 错误?
- android - 长时间运行的低功耗蓝牙操作,在 Android 上无阻塞
- python - 使用python浏览目录?