English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يُطبق الـ ::selection CSS pseudo-element على الأجزاء التي يتم تحديد النص فيها من قبل المستخدم (مثل النص المحدد باستخدام الفأرة أو أي جهاز اختيار آخر).
أحدد النص المحدد باللون الأزرق:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>جرب اختيار بعض النصوص في هذه الصفحة</h1>
<p>هذه بعض النصوص.</p>
<div>هذه بعض النصوص في عنصر div.</div>
<a href="//ar.oldtoolbag.com/" target="_blank">رابط oldtoolbag.com!</a>
</body>
</html>التحقق من التشغيل ‹/›::selection {
background-color: cyan;
}يُناسب اختيار ::selection العناصر التي يتم اختيارها أو تحديدها من قبل المستخدم.
يمكن تطبيق ::selection فقط على عدد قليل من خصائص CSS: color، background، cursor، و outline.
IEFirefoxOperaChromeSafari
يدعم Safari، Chrome، Opera و Google Chrome و Safari اختيار ::selection.
يستند Firefox إلى خاصيته الخاصة ::-moz-selection لدعمها.