Text Selection Color

admin — Mon, 15 Feb 2010 18:34:10 +0000

Most egy érdekességet szeretnék röviden bemutatni, ami egy korábbi szakaszban része volt a CSS 3 specifikációnak. Azóta kivették belőle, de addigra már több böngésző is támogatta, így a Gecko (Firefox), Presto (Opera) és a Webkit (Safari, Chrome) alapú böngészőkben fenn maradt. A kérdéses tulajdonság a selection, ami lehetővé teszi a kijelölés és a kijelölt szöveg színének beállítását. Alkalmazása a következő módon történik:

::selection {
background: #FFFF00;
color: #00FF00;
}

::-moz-selection {
background: #FFFF00;
color: #00FF00;
}

Az egyszerűen selection néven futó tulajdonságot a Webkit és a Presto érti, a Gecko számára pedig a -moz-selection tuladonságra van szükségünk. Az eredményt mindenki kipróbálhatja az alábbi szövegen.

Az Ön böngészője nem támogatja az iframe használatát.

A dolog gyakorlati haszna elenyésző, de ha a designt odáig akarjuk finomítani, hogy a kijelölés színét is szeretnénk az oldal színvilágához igazítani, akkor nem teljesen haszontalan. Talán még az is lehet, hogy visszakerül a CSS 3 specifikációi közé.

css-3Blog » text-selection

Text Selection Color