متن انتخاب‌شده را خوانا نگه دار

انتخاب متن نباید خواندن آن را دشوار کند.

شبه‌عنصر ::selection ظاهر بخش انتخاب‌شده را تغییر می‌دهد.

رنگ متن و پس‌زمینه را با هم تنظیم کن.

مثلاً متن تیره روی پس‌زمینه زرد روشن را امتحان کن.

رنگ‌های نزدیک به هم، متن را محو می‌کنند.

چند کلمه مقاله را با ماوس انتخاب کن.

خوانایی پیوندها داخل انتخاب را هم بررسی کن.

این تنظیم همه ویژگی‌های CSS را پشتیبانی نمی‌کند.

اگر ضرورتی نیست، انتخاب پیش‌فرض مرورگر مناسب است.

نتیجه را در مرورگرهای مخاطبان آزمایش کن.

کد کامل تمرین

::selection { color: #172033; background-color: #fff2a8; }

منابع رسمی

• MDN — ::selection