Hur man ändrar standardfärgen för textval i WordPress

Change the Default Text Selection Color

Vet du vad som gör att din webbplats design sticker ut? Känsla för detaljer. En av dessa detaljer som fångade vår uppmärksamhet på Brian Gardners (@bgardner) webbplats var hur hans standardfärg för textval matchade hans designfärgschema snarare än att vara standardblåfärgen. I den här artikeln visar vi dig hur du ändrar standardfärg för textval i ditt WordPress-tema.

√Ėppna din style.css-fil och l√§gg till f√∂ljande stilar:


::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}

::selection {
    background-color: #ff6200;
    color: #fff;
}

Glöm inte att ändra bakgrundsfärgen så att den matchar ditt temas färgschema.

Valväljaren :: används av Chrome, Safari, IE9 + och Opera. Firefox gillar att använda sitt eget :: Рmoz-selection. Detta är anledningen till att de är på två separata rader. Om du försöker kombinera dem fungerar det inte.

För demo, välj helt enkelt vilken text som helst på den här webbplatsen.

Källa: Brian Gardner