📅 最后修改于: 2020-11-05 00:51:05 🧑 作者: Mango
该复选框是一个HTML元素，用于接收用户的输入。很难设置复选框的样式，但是伪元素使设置复选框的样式更加容易。
此HTML元素通常在每个网站上使用，但是在不设置样式的情况下，它们在每个网站上看起来都相似。因此，对它们进行样式设计会使我们的网站与众不同且更具吸引力。我们必须隐藏原始复选框以设置其样式。使用CSS设置复选框的样式是一项有趣且富有创造力的任务，它将为默认复选框提供新的外观。
通过使用一些插图，该复选框的样式将变得清楚。让我们来看一些相同的插图。
在此示例中，我们使用“〜”作为同级组合器。它选择前一个选择器之后的所有元素。当用户将光标移到复选框上方时，我们还使用伪类：hover设置复选框的样式。
Qualification
在此示例中，我们将看到修改后的选中标记。
Qualification
现在，我们将看到另一个样式复选框的示例。在此示例中，我们将看到涟漪效应，这使复选框更具吸引力。此效果使复选框具有新外观。与以上示例类似，我们还使用了“〜”同级组合器，它将选择前一个选择器之后的所有元素。还使用了一些伪类，例如：checked，：before和：after等。
请参见以下示例，以使用CSS在复选框中创建波纹效果。
Qualification