多选框改变状态颜色跟着变化

css代码

<style type="text/css">label span{/*border:1px solid black;*/display:inline-block;background-color:red;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;cursor:pointer;}label input{height:0;width:0;}input:checked + span{color:#fff;background-color: green;}</style>```html<--html代码!--><label><input type="checkbox" name=""><span>1</span></label><label><input type="checkbox" name=""><span>2</span></label><label><input type="checkbox" name=""><span>3</span></label>

记住span要放在input的后面

多选框改变状态颜色跟着变化相关推荐

jquery判断复选框选中状态以及区分attr和prop
这篇文章主要介绍了jquery判断复选框选中状态以及区分attr和prop,感兴趣的小伙伴们可以参考一下最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取 ...
jQuery复选框选中状态更改事件
本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...
iview UI 的table组件设置复选框选中状态
<Table ref="selection" @on-selection-change="selectionChanged" border :column ...
HTML中如何改变多选框的背景色,如何用css更改输入复选框的背景颜色？
我总是使用伪元素:之前和之后用于更改复选框和单选按钮的外观.它的作品就像一个魅力.它是纯CSS. 您的背景和边框在此方法中正常工作. 这是我怎么做 .Box { background: #666666 ...
input复选框改变样式
今天有人问我input复选框要怎么改变样式,查了一下,特整理下来: <input type="checkbox">input[type="checkbox&q ...
PyQt5 技巧篇-复选框绑定行内容，全选、清空、展示选中的内容功能实现演示，设置复选框选中，检查复选框选中状态
先看效果图,选中了几行,然后将选中的内容展示出来. 我设置两个有序序列,分别存储对应的复选框和行内容. 我的行内容是用的 label 标签. # 存储右边label组件的有序列表def get_L_b ...
获取所有复选框选中状态的id
var id_array = new Array();$('input:checkbox[name=item]:checked').each(function(){ id_array.push($(t ...
获取复选框的状态判断复选框是否选中状态
判断复选框是否选中状态推荐两种方法的使用第一种是prop('checked'); 示例代码 <input type="checkbox" id="checks& ...
如何通过name获取单选框和复选框选中状态的value值？
概述有时候我们会遇到这组情况,就是需要通过单选框的name值获取到当前选中状态的value值,提交到后端,进行数据的修改,那么我们就来看看如何进行获取吧! 应用场景:我们有时候需要获取到单选框或者是 ...

多选框改变状态颜色跟着变化

多选框改变状态颜色跟着变化相关推荐

最新文章

热门文章