بسم الله الرحمن الرحيم
إحدى الخواص الرائعة لـ CSS3 التي يمكن استخدامها هي خاصية :selection، والتي تتجاوز اللون المعتاد عند تحديد النصوص من قبل المتصفحات بلون آخر من اختيارك. وأحب التوضيح بأنه فقط متصفح سفاري Safari ومتصفح Firefox يدعمان هذه الخاصية، وكل منهما بشكل مختلف بعض الشيء. ولحسن الحظ يمكننا أن نستخدم الخاصية كتقنية جديدة للتحسين الأمامي. وهي تعتبر لمسة جميلة لمستخدمي المتصفحات المتقدمة، لكن يتم تجاهلها من قبل المتصفحات الأخرى وهذه ليست مشكلة كبيرة.
نأتي لطريقة الاستخدام:
باستخدام المعرف selection ، خاصية الخلفية background هي الوحيدة التي ستعمل. ويتبقى لك تعديل لون selection لعدة فقرات أو قطاعات مختلفة في الصفحة.كود PHP:
::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}
انظر لهذا المثال
كل ما فعلناه هو استخدام عدة ألوان للخاصية selection للفقرات بعدة فئات classes:
المصدركود PHP:
p.red::selection {
background: #ffb7b7;
}
p.red::-moz-selection {
background: #ffb7b7;
}
p.blue::selection {
background: #a8d1ff;
}
p.blue::-moz-selection {
background: #a8d1ff;
}
p.yellow::selection {
background: #fff2a8;
}
p.yellow::-moz-selection {
background: #fff2a8;
}
Overriding The Default Text Selection Color With CSS
ان شاء الله استفدتم