Как сделать активной галочку?

Question

[Артур Левенсон]

Как сделать так, чтобы галочка была видна только при активном состояние кнопки?
плюсик должен исчезать при активном состояние и на его место должна появляться галочка

https://codepen.io/kiskiskit/pen/KKVKyMz

Answer 1

[WapSter]

Answer 2

[agutin]

Так?

<div class="test">
  <p>текст</p>
  <span class="add">+</span>
  <span class="ok">✓</span>
</div>

.test:active > .add {
  display: none;
}

.test:not(:active) > .ok {
  display: none;
}