<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
p.green::selection {
background: #8ebf42;
}
p.green::-moz-selection {
background: #8ebf42;
}
p.blue::selection {
background: #1c87c9;
}
p.blue::-moz-selection {
background: #1c87c9;
}
p.yellow::selection {
background: #ffcc00;
}
p.yellow::-moz-selection {
background: #ffcc00;
}
p.red::selection {
background: #ff6666;
}
p.red::-moz-selection {
background: #ff6666;
}
</style>
</head>
<body>
<p class="green">Select the text to see the green highlight color.</p>
<p class="blue">Select the text to see the blue highlight color.</p>
<p class="yellow">Select the text to see the yellow highlight color.</p>
<p class="red">Select the text to see the red highlight color.</p>