Я установил флажок с помощью CSS3, и это работает (спрятав флажок и поместив/стилизуя над ним надпись). Теперь я нашел некоторые CSS3 созданные значки, которые я хочу использовать для моего флажка. Поскольку флажок установлен с использованием CSS3, я бы, однако, был бы простым использовать созданные с CSS3 значки для этого флажка.Укладка флажка с CSS3
Ну ... Я думал, что это будет легко, но я не увенчаюсь успехом.
Созданные иконки CSS3 - это значки звука. Один с «звуком» и «звуком выключен». Теперь я хочу, чтобы значок «звук включен» использовался, когда флажок установлен, и «звук выключен», когда он не установлен.
Пожалуйста, смотрите мою скрипку: http://jsfiddle.net/mauricederegt/TRtvx/
Это то, что я пробовал:
В основном input:checked + label:before должны иметь .volume-on:before стиль. Это сработало, и я увидел «звуковые волны» в моей кнопке div. К несчастью, я больше не мог видеть остальную икону (конус).
Является ли то, что я хочу, даже возможно? И как это сделать?
С наилучшими пожеланиями,
Вы должны использовать радиокнопки, но не флажки –
Я немного смущен в отношении того, что вы пытаетесь сделать - вы пытаетесь показывать только один звуковой значок за раз? – antonpug
@antonpug Да, checked = со звуковыми волнами, unchecked = с выходом. Поэтому в теории при проверке он должен только добавлять звуковые волны – Maurice