شرح صفوف ومحتوى الفقرة
يمنح عنصران زائفان إضافيان صقلاً واضحاً لتجربة القراءة والإدخال في الواجهات. أولهما ::placeholder لتنسيق النص الإرشادي المؤقت داخل حقول <input> و<textarea> الفارغة؛ وبما أن بعض المتصفحات تخفض شفافيته افتراضياً، فإن ضبط opacity: 1 مع لون هادئ متوازن يضمن ثبات التباين في كل المتصفحات دون إرباك المستخدم بأن الحقل مملوء مسبقاً.
وثانيهما ::selection الذي يخصص لون الخلفية background-color ولون النص color عندما يظلل القارئ فقرة بالفأرة أو بلوحة المفاتيح، بشرط الحفاظ على نسبة تباين لا تقل عن 4.5:1 لضمان سهولة القراءة.
CSS
.check-list li::marker { color: #7750b2; font-weight: 700; }
.search-box::placeholder { color: #6b5a8e; opacity: 1; }
.note-copy::selection {
background-color: #5b3894;
color: #ffffff;
}