Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</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">Выберите текст, и он выделится зеленым цветом.</p>
<p class="blue">Выберите текст, и он выделится синим цветом.</p>
<p class="yellow">Выберите текст, и он выделится желтым цветом.</p>
<p class="red">Выберите текст, и он выделится красным цветом.</p>