Feb 03
Blogoree
Trimite pe Twitter

CSS3 permite modificarea culoarii de selectare a textului in browser



LinkWorth Affiliate

CSS tricks au prezentat zilele trecute o noua posibilitate de a “te juca cu browserul” si de a-l personaliza cat mai mult bazandu-te pe aspectul site-ului tau.

astfel baietii care se ocupa de CSS3 au introdus o noua declaratie care permite modificarea culorii de selectie a textului dintr-un browser.

iata mai jos un exemplu :)

selectati cu mouse-ul acest text…

acum selectati acest text – dupa cum vedeti selectia este rosie…

acum selectati acest text – hopa… acum selectia este galbena…

aceast atribut este momentan suportat doar de browserele Mozilla & Safari, iar declaratiile sunt diferite…

iata si CSS-ul folosit:


span.red::selection {
background: #ffb7b7;
}
span.red::-moz-selection {
background: #ffb7b7;
}
span.yellow::selection {
background: #fff2a8;
}
span.yellow::-moz-selection {
background: #fff2a8;
}

{ via }

LATER EDIT: iata ce a facut un tip folosindu-se de acest nou atribut CSS3 :)

playing with CSS3 selection attribute

super tare :)



Cristian Ciofu


Add This! BlogLines co.mments del.icio.us Digg Facebook Google Google Reader Magnolia Mister Wong Yahoo! MyWeb Newsgator Newsvine reddit SlashDot Spurl StumbleUpon Technorati ThisNext

Mesaje asemanatoare:

  1. Styling form elements with css Ever wanted for your site...
  2. Benny Bennasi – Who is your Daddy baieti – priviti, dar NU...
  3. CSS: Checkbox & Radio Input Replacement If two days ago...



4 Comentarii

Delia
February 3, 2008

vai, deci e prea tare ce a facut ala cu google. e foarte misto:))

A.Faith
February 4, 2008

interesantă chestie. prevăd totuşi că IE iar va avea o integrare dezastruoasă şi va pune iar designerii la muncă titanică. frumoasă treaba aia cu selectatul, din final :P

[...] 2 zile in urma aratam pe blog ce poate face CSS3 [modificarea culorii de selectie a browserului pe Safari & [...]

PiticStyle
February 7, 2008

Frumos! Vad ca a inceput Mozilla sa optimizeze browser-ul si pentru CSS3 ! Chiar sunt curios daca merge si pe IE desi stiu de pe acuma ca NU

RSS Comentarii | TrackBack

Lasa un comentariu