Что дописать, чтобы текст в псевдо можно было выделить?

Question

[olya_097]

https://codepen.io/anon/pen/LwbJeK

Answer 1

[Rustam Bainazarov]

Ничего не сделаете, его нельзя выделить как текст никак, он для этого и предназначен.

Псевдоэлемент — это элемент оформления, его как бы нет в DOM.

Answer 2

[Ankhena]

В псевдоэлементе никак. Замените на span|div и т.д.

Comments

[olya_097]

Ankhena, если заменить, то вроде как прозрачность не будет под текст постраваться нормально

[Ankhena]

olya_097, с чего бы это
у дива точно такая же прозрачность как у псевдоэлемента, да еще и может управляться js'ом

[Rustam Bainazarov]

olya_097, шо? Пример?

Answer 3

[Сергей Карвасарный]

При определенном действии когда тебе нужно поменять можно добавить класс к примеру так

.block{
  &:after { content: "hello"; }
  &.clicked:after { color: red; } // добавляете clicked и просто новыми стилями перебиваете старые)
}

Comments

[Rustam Bainazarov]

Она про выделение текста из :before псевдоэлемента с помощью мышью с целью его копирования. Что сделать невозможно.

[olya_097]

Рустам Байназаров, а стоит заморачиваться над выделением? если нет особых требований

[Rustam Bainazarov]

olya_097, если это вторичный текст, который просто для декоративных целей — я бы не стал.

[Сергей Карвасарный]

Рустам Байназаров, мне кажется игра не стоит свеч, проще сделать див и просто его поставить куда нужно и не мучатся) т.к сама задача не стоит потраченного на нее времени)) как говориться - игра не стоит свеч))

[Rustam Bainazarov]

Сергей Карвасарный, безусловно. Тем более, что с помощью псевдоэлементов она нерешаема.