تجاوزُ اللون الأزرق عند تحديد النَصّ باستخدام css سي اس اس

[sayid]

بسم الله الرحمن الرحيم



إحدى الخواص الرائعة لـ CSS3 التي يمكن استخدامها هي خاصية :selection، والتي تتجاوز اللون المعتاد عند تحديد النصوص من قبل المتصفحات بلون آخر من اختيارك. وأحب التوضيح بأنه فقط متصفح سفاري Safari ومتصفح Firefox يدعمان هذه الخاصية، وكل منهما بشكل مختلف بعض الشيء. ولحسن الحظ يمكننا أن نستخدم الخاصية كتقنية جديدة للتحسين الأمامي. وهي تعتبر لمسة جميلة لمستخدمي المتصفحات المتقدمة، لكن يتم تجاهلها من قبل المتصفحات الأخرى وهذه ليست مشكلة كبيرة.

نأتي لطريقة الاستخدام:

::selection {
    background: #ffb7b7; /* Safari */
    }
::-moz-selection {
    background: #ffb7b7; /* Firefox */
} 

باستخدام المعرف selection ، خاصية الخلفية background هي الوحيدة التي ستعمل. ويتبقى لك تعديل لون selection لعدة فقرات أو قطاعات مختلفة في الصفحة.

انظر لهذا المثال

كل ما فعلناه هو استخدام عدة ألوان للخاصية selection للفقرات بعدة فئات classes:

      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

ان شاء الله استفدتم

[مهندس مصرى]

خاصية جيدة
جزاك الله خيرا

[حموديفيتش]

خاصية رائعة
وجت متأخرة نوعا ما

حبي يسبق ردي