html复选框不能勾选,html – 选中时CSS样式复选框

我有以下静态html文件,我花时间为我们的客户建立一个CMS Web应用程序站点.

在中间部分,有一个垂直的复选框数组(我用它来设计它),我跟着许多在线教程,这些教程引导我使用这个网站链接.

我下载源代码教程,理解它,复制css代码,根据我的客户要求定制我的更改.

一切看起来都很好 – 除了试图勾选复选框.

什么都没发生！

单击时不会选中该复选框！

我无法弄清楚为什么它不起作用,因为它应该像教程一样.

有人可以告诉我我做错了什么吗？

这是我的代码.

input[type=checkbox].input-checkbox{

width: 1px;

height: 1px;

position: absolute;

overflow: hidden;

clip: rect(0,0,0,0);

margin: -1px;

padding: 0;

border: 0;

}

input[type=checkbox].input-checkbox + label.input-label{

border: 2px solid #58585A;

display: inline-block;

width: 20px;

height: 20px;

line-height: 15px;

background-repeat: no-repeat;

font-size:15px;

vertical-align: middle;

cursor: pointer;

}

input[type=checkbox].input-checkbox:checked + label.input-label{

background-position: 0 -20px;

}

.input-label{

background-image: url('/images/tickbox.png');

}

非常感谢！

html复选框不能勾选,html – 选中时CSS样式复选框 – 不起作用相关推荐

layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
css复选框样式_使用CSS样式复选框
css复选框样式 Introduction: 介绍: Sometimes we want to develop a website or web page that would contain a f ...
win10输入法看不见选字框_win10系统运行传奇打字时看不到选框如何处理
一位用户反馈自己将电脑系统升级到win10正式版后,刚开始还觉得新系统界面比win7精致细腻,可是在运行传奇游戏时就遇到了打字时看不到选框的情况,这是怎么回事呢?其实,该问题是由于输入法不兼容引起的. ...
win10输入法看不见选字框_win10系统运行传奇打字时看不到选框如何处理？
一位用户反馈自己将电脑系统升级到win10正式版后,刚开始还觉得新系统界面比win7精致细腻,可是在运行传奇游戏时就遇到了打字时看不到选框的情况,这是怎么回事呢?其实,该问题是由于输入法不兼容引起的. ...
css样式设置文本框为只读,css怎么将文本框设置为只读
css将文本框设置为只读的方法是,在input文本框中添加readonly属性即可.readonly属性是一个布尔属性,该属性用来规定输入字段是只读的. 本文操作环境:windows10系统.css ...
element中下拉框select在长页面滚动时，下拉弹框没有跟随下拉框跑路
1.需求: 在页面滚动过程中,弹框并没有跟着下拉框一起跑,一直固定在那个位置 2.修改: 在tamplate中: <el-col :span="10" class=" ...
html input下拉三角,用CSS样式写选择框右侧小三角
直接上代码! 小三角 .up-triangle{ width:0px; height:0px; border-bottom:30px solid #000; border-left:15px soli ...
复选框遍历选中 php,jQuery的复选框选择并且获取值
这次给大家带来jQuery的复选框选择并且获取值,jQuery复选框选择并且获取值的注意事项有哪些,下面就是实战案例,一起来看一下. 一.checkbox选择在jQuery中,选中checkbox通 ...
CSS 自定义多选框样式
今天看了一个做 Todo List 的视频,学了一招,可以自定义多选框的样式,只用 CSS 就可以做到. 整个的思路大概是:隐藏 input 元素,在 label 下用伪元素实现一个自定义的多选框. ...

html复选框不能勾选,html – 选中时CSS样式复选框 – 不起作用

html复选框不能勾选,html – 选中时CSS样式复选框 – 不起作用相关推荐

最新文章

热门文章