تغيير لون التحديد باستخدام CSS3

لعله أمر لا أخذه بالإعتبار وهو شروحات في هذا المجال لأنه يقترب موعد دخول قوانين جديدة وعناصر في عالم تصميم مواقع الويب، وبما أنه تدخل عناصير جديدة فهي ستكون لتحسين ما سبق ومثال تغيير لون تحديد النص يسهل على القراء تحديد النص بلون يتناسب مع الألوان الموقع غير الإفتراضي.
إذا أردت تغيير ألوان تحديد النص بألوان تتناسب مع الألوان المحيطة فهو سهل عبر css3، لكن بأخذ بالحسبان أن هناك من يخرج من الضيافة لتكبره Explorer وبهذا فهو يعمل في Firefox،Chrome،Opera و Safari و عند إستعمال متصفح لايتوافق مع هذه الخاصية فهو يقوم بأخذ الإفتراضي لنضام التشغيل.
الثلاث خصائص التي تستعمل لذالك الغرض
::selection {
background:#FFDFE2;
color:#A5151E;
}
::-moz-selection {
background:#FFDFE2;
color:#A5151E;
}
::-webkit-selection {
background:#FFDFE2;
color:#A5151E;
}


مع أنه يمكن أيضا تحديد نص لمفرضه مثل هذا الصورة

نرد النص في الوسط بالأخضر
.green::selection {
background:#D2FFCF;
color:#088F00;
}
.green::-moz-selection {
background:#D2FFCF;
color:#088F00;
}
.green::-webkit-selection {
background:#D2FFCF;
color:#088F00;
}

تحياتي

محمد حنين

الإسم الكامل محمد حنين أحد geek من أمد طويل ، مطور ويب، محب للحرية، مستعمل نضام لينوكس، وأخيرا مجرم باللغة العربية للأسف في وقتها. معلومات أكثر عني أو الإتصال بي Mohammed Hanine

You may also like...

1 Response

  1. يقول حسام:

    بارك الله فيك اخي الكريم على الشرح الواضح والبسيط

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *