2
我使用CSS3对复选框进行了样式设置，并且这是可行的（通过隐藏复选框并在其上放置/设置标签）。现在我已经找到了一些我想用于复选框的CSS3图标。由于复选框是使用CSS3设计的，我认为使用CSS3创建的复选框图标很简单。使用CSS3设计复选框标签
嗯...我认为这很容易，但我没有成功这样做。
CSS3创建的图标是声音图标。一个声音“开”，一个声音“关”。现在，我希望在复选框被选中时使用“声音开启”图标，并在未选中时启用“声音关闭”。
请参阅我的小提琴：http://jsfiddle.net/mauricederegt/TRtvx/
这是我已经试过：
基本上input:checked + label:before应该有.volume-on:before风格。这工作，我看到我的按钮div中的“声波”。不幸的是，我再也看不到图标的其余部分了（圆锥体）。
是我想甚至可能吗？以及如何实现这一目标？
亲切的问候，
你应该使用单选按钮而不是复选框 –
我有点困惑，你试图做什么 - 你试图一次只显示一个声音图标？ – antonpug
@antonpug是的，检查=有声波，未检查=不带。所以在理论上检查时，它应该只添加声波 – Maurice