代码之家 › 专栏 › 技术社区 › ItFreak

单选按钮样式标签

css html

ItFreak · 技术社区 · 7 年前

我有一些单选按钮和相应的标签:

<form ...>
  <label for="qty_1" class="lbl_quantity">1</label>
  <label for="qty_2" class="lbl_quantity">2</label>
  <label for="qty_3" class="lbl_quantity">3</label>
  <input type="hidden" name="qty" id="qty_1" value="1">
  <input type="hidden" name="qty" id="qty_2" value="2">
  <input type="hidden" name="qty" id="qty_3" value="3">
</form>

所以我希望ro实现什么:

我想为用户可以选择的不同数量预先定义三个单选按钮。我希望这些单选按钮看起来像普通的方形按钮,所以我想使用一个标签加上一个隐藏的输入。有人能帮我把这些标签设计成点击时带有标记背景的普通按钮,或者,如果可能的话,把单选按钮设计成方形按钮吗?

1 回复 | 直到 7 年前

Deepak Dholiyan 7 年前

您可以选中icheck jquery plugin中的自定义复选框和单选按钮。

请在以下链接查看更多信息:-

http://git.io/arlzeA

但请记住,您需要使用内置的自定义函数来选中和取消选中。

$('.skin-flat input').iCheck({
    checkboxClass: 'icheckbox_flat-blue',
    radioClass: 'iradio_flat-blue'
});

只需在里面包装文本。皮肤平坦和收音机/复选框类。

您可以在下面的链接上查看更多信息:-

https://stackoverflow.com/search?q=icheck

享受这太好了:)

https://bootsnipp.com/tags/checkbox

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

6 月前

Mass · 如何在Tailwind CSS v4中创建配置

6 月前

magenta placenta · 将css变量合并为一个变量

6 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

6 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

7 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

7 月前

Luckkks · 过渡色工作不正常

7 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

7 月前