这里的问题是如何使复选框仅在以下情况下可见:
- 它悬停在
- 已选
方法:
如果未选中该复选框,则该复选框将不可见。仅当再次将其悬停时,它才可见。
解决问题的方法很简单。我们可以使用checkbox元素的opacity属性并对其进行操作。只需将复选框元素悬停或选中时使用CSS将复选框的不透明度值更改为1即可。不透明度的默认值应为0 。
例子:
Checkbox
输出: