@opsimecom

Как выделять текст?

Здравствуйте! Возникла сложность. Есть такая всплывающая подсказка при наведение на текст. Как сделать чтобы можно было выделить текст в этой иконке и скопировать например его?
603429b387f9e595972003.png

Вод css
.pudskasgen{
  cursor:help;
  position:relative;
}

.pudskasgen::before,
.pudskasgen::after{
  position:absolute;
  left:50%;
  opacity:0;
  z-index:-100;
}

.pudskasgen:hover::before,
.pudskasgen:focus::before,
.pudskasgen:hover::after,
.pudskasgen:focus::after{
  opacity:1;
  z-index:100;
  transform:scale(1) translateY(0);
}

.pudskasgen::before {
  border-style: solid;
  border-width: 1em .75em 0 .75em;
  border-color: #22292f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) transparent;
  bottom: 100%;
  margin-left: -.5em;
  content: "";
  transform: scale(.6) translateY(-90%);
  transition: all .6s cubic-bezier(.85, -.18, .31, 1.26), opacity .65s .5s;
}

.pudskasgen:hover::before,
.pudskasgen:focus::before{
  transition-delay:.2s;
}

.pudskasgen::after {
  background: #22292f;
  border-radius: .25em;
  bottom: 180%;
  color: #e0e3e4;
  width: 253px;
  padding: 1.3em;
  margin-left: -8em;
  content: attr(data-tip);
  transform: scale(.6) translateY(50%);
  transition: all .65s cubic-bezier(.84, -.18, .31, 1.26) .2s;
}

.pudskasgen:hover::after,
.pudskasgen:focus::after{
  transition-delay:0s;
}
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
@DrWeyber
https://developer.mozilla.org/en-US/docs/Mozilla/A...

Или вам нужно сделать этот блок отдельным div, при наведении который будет появляться относительно этого блока, и уже с ним взаимодействовать
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы