Comment Changer la Couleur de l'Ombre de Texte Lorsqu'on sélectionne un Texte

Source Code: (back to article)

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      /* before selection */
      .shadow2 {
        text-shadow: 1px 1px 1px;
      }
      .shadow3 {
        text-shadow: 1px 2px 4px #000;
      }
      .shadow4 {
        text-shadow: 1px 2px 4px;
      }
      /* after selection */
      .shadow1::-moz-selection {
        text-shadow: 1px 1px 1px;
        background-color: transparent;
      }
      .shadow1::selection {
        text-shadow: 1px 1px 1px;
        background-color: transparent;
      }
      #shadow2::-moz-selection {
        text-shadow: none;
        background: #fffae6;
      }
      .shadow2::selection {
        text-shadow: none;
        background: #fffae6;
      }
      .shadow3::-moz-selection {
        text-shadow: 1px 1px 2px #222;
      }
      .shadow3::selection {
        text-shadow: 1px 1px 2px #222;
      }
      .shadow4::-moz-selection {
        text-shadow: 1px 2px 4px #208a28;
        background-color: transparent;
        color: #208a28;
      }
      .shadow4::selection {
        text-shadow: 1px 2px 4px #208a28;
        background-color: transparent;
        color: #208a28;
      }
    </style>
  </head>
  <body>
    <p class="shadow1">Sélectionnez ce texte pour obtenir l'ombre de texte.</p>
    <p class="shadow2">Sélectionnez ce texte pour supprimer l'ombre de texte.</p>
    <p class="shadow3">Sélectionnez ce texte pour le faire plus clair.</p>
    <p class="shadow4">Sélectionnez ce texte pour changer la couleur de l'ombre.</p>
  </body>
</html>