Principala » fisiere » Scripturi » Ucoz [ Adauga un material nou ]

Изменяем цвет выделенного текста с помощью CSS3

2010-07-13, 11:24 PM

Изменяем цвет выделенного текста с помощью CSS3




Изменяем цвет выделенного текста с помощью CSS3
Жаль, что никто из Ю.Блоггеров не писал про такой хороший псевдоэлемент как ::selection. Он позволяет менять цвет фона выделенного текста. Сейчас этот элемент поддерживают практически все браузеры.
Что—бы изменить цвет фона выделенного текста, нужно добавить в CSS такой код:
Code

::selection {  
background: black;  
color: green;  
}
::-moz-selection {  
background: black;  
color: green;  
}

Естественно цвета выбераем сами,можно использовать как буквенное обозначение цветов(black...) так и цифровое(#000000..)
красный-цвет фона(меняем в обоих кодах)
зеленый-цвет выделенного текста
Почему два набора? Второй для Firefox, первый - для всего остального =)

Так же можно сделать чтобы не было рамочки при выделении,а просто текст менял цвет(выглядит красиво=))
стерев всего одну строчку:

Code

::selection {  
color: green;  
}
::-moz-selection {  
color: green;  
}

ПРимер тут http://css-tricks.com/examples/DifferentSelectionColors/




Categorie: Ucoz | Adaugat de: kopceak
Vizualizari: 729 | Downloads: | Raging: 0.0/0
Total comentarii : 0
Doar utilizatorii inregistrati pot comenta
[ Inregistrare | Login ]
Schimbul de fişiere este realizat de către utilizatorii site-ului, administraţia nu poartă nici o răspundere pentru conţinutul acestora sau pentru prejudiciile provocate. INTERFILM.MD nu dispune de conţinutul pus la schimb de către utilizatori, ci doar este un catalog al resurselor. Vă atenţionăm să nu încărcaţi pe site fişiere protejate de drepturile autorului sau fişiere cu conţinut ilegal. În cazul în care sunteţi deţinătorul drepturilor de autor al unui torrent şi doriţi să fie şters vă rugăm să ne scrieţi la adresa abuse@interfilm.md şi imediat se vor lua măsuri. Întregul text privind regulile şi condiţiile de utilizare a siteului poate fi găsit aici.