吐鲁番市网站建设,php网站开发兼容怎么设置,企业网站创建小结,显示网站运行时间代码问题描述#xff1a;
input typecheckbox /
input修改checkbox默认选中样式#xff0c;直接设置选中后的样式不生效#xff0c;需要先给复选框设置-webkit-appearance: none#xff08;取消默认样式#xff09;#xff0c; 再设置样式才会生效。 …问题描述
input typecheckbox /
input修改checkbox默认选中样式直接设置选中后的样式不生效需要先给复选框设置-webkit-appearance: none取消默认样式 再设置样式才会生效。
默认样式选中前后对比图 解决示例
/* 设置未选中样式 */
input[typecheckbox] {position: relative;width: 15px;height: 15px;line-height: 15px;border: 1px solid #949494;/* 取消默认样式 */-webkit-appearance: none;
}
/* 设置选中样式 */
input[typecheckbox]:checked {background-color: red;
}
input[typecheckbox]:checked::after {content: ✓;position: absolute;top: 0;width: 15px;height: 15px;color: #fff;text-align: center;
}
选中前后对比图
