::selection

Izbirnik ::selection se ujema z delom elementa, ki ga izbere uporabnik. Tistemu delu besedila na spletni strani, ki ga označimo se bo spremenil slog.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <style>
        .oznacba::selection {
            background-color: #f1c40f!important;
            color: #2c3e50!important;
        }

        .posebna::selection {
            background-color: #e74c3c!important;
            color: white!important;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }

        /* Osnovni stili */
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            max-width: 600px;
            margin: 0 auto;
        }

        p {
            line-height: 1.6;
            margin: 20px 0;
            padding: 15px;
        }

        .oznacba {
            background-color: #f9f9f9!important;
            color: #30363d!important;
        }

        .posebna {
            background-color: #ecf0f1!important;
            color: #30363d!important;
        }
    </style>
</head>
<body>
    <p class="oznacba">Poskusi označiti to besedilo! Ko ga označiš, bo imelo rumeno ozadje in temno besedilo. To pomaga 
    narediti označeno besedilo bolj vidno in ustvari skladen dizajn.</p>
    <p class="posebna">Zdaj pa poskusi označiti to besedilo! Ko ga označiš, bo imelo rdeče ozadje in belo besedilo s 
    subtilnim senčnim efektom. To ustvari bolj dramatičen stil označevanja.</p>
</body>
</html>

REZULTAT