当前位置: 首页 > 知识库问答 >
问题:

使用purecss设置单选按钮组的样式。io框架

姬乐
2023-03-14

前几天,我偶然发现了纯项目——YUI团队发布的一组CSS模块。我想在我的网站上标准化表单,我喜欢他们表单模块的外观。特别是他们称之为对齐形式的形式。我将CSS添加到我的站点,并将所需的样式添加到我的表单中,除了我的单选按钮组之外,一切都很好。在对齐表单中,每个输入在其标签的左侧有一个标签,输入在其标签的右侧。但是每个单选按钮都有各自的标签,标签的样式设置在按钮的右侧。我要寻找的是一种为按钮组添加整体标签的方法,该按钮组的样式为左侧和中间。

我确实找到了一个解决办法,但我更希望找到一种专注的“纯”方式。

我的解决方法是将无线电包括在字段集中,并使用字段集的图例作为无线电组的标签。

我很乐意听到其他使用纯对齐窗体的人的意见,看看你是如何处理的。

共有1个答案

尹兴生
2023-03-14

我觉得你的问题有点含糊。如果你想达到的目标是这样的,

Label
  radio
  radio
  radio

那么,你做这件事的方式(你称之为“变通方法”)实际上是最好的方式。字段集用于将项目分组在一起,您可以使用图例作为标签。

然而,如果你想做这样的事情,

       radio
Label  radio
       radio

如果不知道您的代码是什么样子以及您的具体目标是什么,我真的无法得到更具体的信息。。。

 类似资料:
  • 问题内容: 如何设置HTML复选框,单选按钮和下拉菜单的样式?可以吗 我想为复选框或单选按钮使用图像,对列表使用相同的图像-下拉箭头在大多数情况下看起来不太好。 问题答案: 请参阅jQuery插件的2个链接(用于样式化复选框和单选按钮): http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio- buttons ht

  • 我想创建一个单选按钮风格的投票系统使用的图标在Flutter(Dart),看起来像这样:投票图标 这个概念很简单:页面将显示一部电影,然后用户可以使用上面的图标按钮对该电影进行投票。当进行投票时,图标将变为红色,影片将添加到数组中。 我正在纠结的棘手部分是: 更改选定后图标的颜色 确保其他图标保持黑色 如果用户选择了其他选项,则将其他图标更改为黑色 提前道谢!

  • 因此,我创建了一个自定义主题,并将其作为AlertDialog.Builder构造函数的参数提供。 下面是显示对话框的代码: 风格如下: 我能够找到我在样式中添加的几个属性,根据它们的状态更改单选按钮/文本的颜色。但是我无法自定义文本外观(我想更改大小、提供填充等)。 我确信有一些属性可以用来设置文本的样式,但我找不到它。有人能帮我吗?谢谢

  • 问题内容: 我想为单选按钮的选定标签添加样式: HTML: CSS 有什么想法我做错了吗? 问题答案: .radio-toolbar input[type=”radio”] { 首先,您可能想在单选按钮上添加属性。否则,它们不属于同一组,可以检查多个单选按钮。 另外,由于我将标签放置为(单选按钮的)同级标签,因此必须使用和属性将它们关联在一起。

  • 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个。每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴沙漠化一个例子: <script type="text/javascript"> function getChoice() { var oForm =

  • 本文向大家介绍js使用DOM设置单选按钮、复选框及下拉菜单的方法,包括了js使用DOM设置单选按钮、复选框及下拉菜单的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个。每一