Source Code:
(back to article)
Submit
Result:
Report an issue
<!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> </body> </html>