javascript - HTML 复选框 'checked' 属性影响样式?

标签 javascript html css checkbox

我有一个小的滑动选项控件,我正在用纯 HTML 和 JS 编码。在 chrome 中看起来像这样:

enter image description here

当没有选中任何复选框时,它会按预期工作,但是当我选中一个复选框时,右侧图标的对齐方式会中断:

enter image description here

这在 chrome 和 firefox 中都会发生。
现场示例在这里:

http://shooshx.github.io/happysolver/emscripten/index.html

选中和未选中的复选框在样式上有什么区别?
如何修复错位?

最佳答案

你必须从 .cube_count 中移除 float:right

Result

关于javascript - HTML 复选框 'checked' 属性影响样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35670001/

相关文章:

javascript - 如何通过弹出键盘在表单字段中填写数字(使用 Javascript/AJAX)

javascript - 单击任意页面时如何关闭侧边栏导航?

python - 使用 Python 替换 HTML 文档中的 HTML 标记,而不修改文档的其余部分

html - 如何在从包含多个分页前/后的 html 文档转换而来的 pdf 的每一页上重复水印图片?

javascript - iOS 如何访问 CSS Url 中的库?

javascript - 如何使用流类型绑定(bind)异步操作创建者?

javascript - 使用 MySQL 和 Node.js 更新查询

javascript - 如何在javascript中将日期时间从用户时区转换为EST

php - TYPO3 并为 div 生成随机 ID

javascript - Bootstrap 输入文件游标