Modifier la couleur de soulignement sur le vol stationnaire dans une sélection de texte d'une couleur personnalisée dans SCSS/CSS?

Question

J'ai un soulignement en vol stationnaire de couleur (A). Je dois le changer à une autre couleur dans une sélection (à l'intérieur du texte en surbrillance).

Le problème est que le soulignement ne change pas la couleur à l'intérieur du texte en surbrillance (sélectionné).

Captures d'écran:

• 1) Here is a screenshot of the highlighted text without hover - this is correct
• 2) Here is a highlighted text with hover - it should show a black underline

ne plaît quelqu'un a une idée comment le faire montrer souligné dans la seconde capture d'écran de style de couleur noire?

---

Voici un exemple de code simplifié et modifié emprunté @ réponse de Pawan-Kumar (mon code d'origine était source de confusion):

.link{ 
 
    color:blue; 
 
    cursor:pointer; 
 
} 
 

 
.link:hover{ 
 
color:lightblue; 
 
    text-decoration: underline; 
 
    text-decoration-color: red; 
 
} 
 

 
.link::selection{ 
 
    background-color:lightblue; 
 
    
 
} 
 
.link:hover::selection{ 
 
    background-color:yellow; 
 
    text-decoration-color: black; /* This does not work*/ 
 
}

<span class='link'>This link</span> should have black underline inside highlighted text.

Answer 1

Essayez le css suivant.

.link{ 
 
    color:blue; 
 
    cursor:pointer; 
 
} 
 

 
.link:hover{ 
 
color:lightblue; 
 
    text-decoration: underline; 
 
    text-decoration-color: red; 
 
} 
 

 
.link::selection{ 
 
    background-color:green; 
 
    
 
} 
 
.link:hover::selection{ 
 
    background-color:yellow; 
 
}

The color of the lines should be normal 
 
<span class='link'>The color of the lines should be change</span>

Answer 2

J'igured dehors: il est impossible ...

Seules quelques propriétés CSS peuvent être appliquées au :: sélecteur de sélection: couleur, fond, curseur et contour

Le lien vers la documentation est here.

Seulement Firefox has la propriété text-decoration qui peut être placée dans ::selection.