En visitant récemment un site Web, j'ai remarqué que lorsque son texte était sélectionné, il avait une couleur d'arrière-plan qui correspondait à la couleur d'arrière-plan de son site Web, qui est généralement un bleu foncé. Maintenant, cela ne semblerait-il pas un peu déplacé si votre site Web n’utilisait pas de bleu pour l’arrière-plan du texte ?
En cherchant des solutions pour y parvenir, j’ai été agréablement surpris de voir à quel point c’était simple. Ajoutez simplement le CSS suivant à votre page :
::selection{background: #A8141B; color: white; /* Safari */}
::-moz-selection{background: #A8141B; color: white;
Comme vous pouvez le constater, cela ne fonctionne que dans Firefox et Safari. Cela peut sembler peu, mais c’est un effet subtil qui peut ajouter un certain attrait visuel à votre site Web !