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

Vet du varför din webbdesign sticker ut? Uppmärksamhet på detaljer. En av detaljerna som fångade vår uppmärksamhet på Brian Gardners webbplats (@bgardner) var hur hans val av standardtextfärg matchade hans designfärgschema istället för blue. default. I den här artikeln kommer vi att visa dig hur du ändrar standardfärgen för textval i ditt WordPress-tema.

Öppna filen style.css 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 temats färgschema.

::-väljaren används av Chrome, Safari, IE9+ och Opera. Firefox gillar att använda :: – sitt eget moz-val. Det är därför de är på två separata rader. Om du försöker kombinera dem går det inte.

För demonstrationer, välj bara valfri text på den här webbplatsen.

Källa: Brian Gardner