Text Selection Color
február 15, 2010 @ 19:34
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.
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é.
FMP - Misi — 2010. március 6. szombat @ 22:20
Miért kell mindig a Mozillának különcködnie és miért nem tudja csak naturan kezelni a pl. “::selection” -t a “-moz” nélkül?
Boo — 2010. március 31. szerda @ 14:17
Gondolom mert, nem volt még véglegesítve ez a tulajdonság sem és az előző nem véglegesített css3 dolgaihoz igazítva itt is alkalmazza a -moz előljárót.
Helyesen teszi, bár én már nagyon türelmetlen vagyok, hogy mikor fejezik már be az egész css3 specifikációt, hogy végre lehessen használni az egészet
admin — 2010. április 8. csütörtök @ 12:28
Én is örülnék, ha gyorsabban haladnának a CSS 3 véglegesítésével, de azért várni nem kell. Rengeteg olyan látványelem megvalósítására van lehetőség a CSS 3-ban, amit érdemes kihasználni akkor is, ha az IE6-ot használó látogatók egy picit fapadosabb verziót látnak. Mindaddig, amíg az oldal használhatósága nem a CSS 3-on múlik, addig szerintem nincs gond azzal, hogy a látogatók felének nagyobb felhasználói élményt nyújtunk.
Ertl-Bakos Balázs — 2010. július 30. péntek @ 10:40
Ez a ::selection tényleg érdekes, bár engem egy kissé arra emlékeztet, mikor a görgetősávot színezgettük át annó. Emlékeztek?
A CSS3 legnagyobb hozadékának én azt tartom, hogy szakszerű használatával szofisztikáltabb, árnyalatgazdagabb vizuális világot építhetünk majd a weben, kevesebb alfacsatornás PNG használatával.